如何使用泛型组件与typescript做出本地反应

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标记明确指定type参数的支持。这是PR。所以应用语法，它应该是：

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