如何在使用typescript的react native中使用通用组件？

Question

例如，export class FlatList<ItemT> extends React.Component<FlatListProps<ItemT>> 中有一个泛型类型 ItemT。我该如何在 .tsx 代码中使用它？未进行参数化的情况下如下所示：

<FlatList
          data={this.state.data}
          keyExtractor={this.keyExtractor}
          renderItem={this.renderItem}
        />

但是我希望我的 renderItem 方法拥有一个特定的类：

renderItem = (item: ListRenderItemInfo<DataItem>) => {

- TpoM6oH

---

你介意分享一下你从 renderItem 函数中返回的内容吗？ - martisj

Answer 1

Typescript 2.9增加了对tsx标签显式指定类型参数的支持。这是相关PR。因此，应用该语法，应为：

<FlatList<DataItem>
      data={this.state.data}
      keyExtractor={this.keyExtractor}
      renderItem={this.renderItem}
    />

- Titian Cernicova-Dragomir