typescript - 如何使用通用组件与 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>) => {

Answer 1

Typescript 2.9 添加了对 tsx 标签显式指定类型参数的支持。这是PR为了这。所以应用语法，它应该是:

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