如何使用通用组件与打字稿反应本机答案

【问题标题】：How to use generic component in react native with typescript如何使用通用组件与打字稿反应本机
【发布时间】：2018-11-17 12:13:18
【问题描述】：

例如 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>) => {

【问题讨论】：

【解决方案1】：

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

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

【讨论】：