如何在react native with typescript中使用泛型组件

如何在react native with typescript中使用泛型组件,typescript,react-native,Typescript,React Native,例如,导出类平面列表扩展了React.Component中有ItemT泛型类型。如何在.tsx代码中使用它?未参数化的外观如下所示: <FlatList data={this.state.data} keyExtractor={this.keyExtractor} renderItem={this.renderItem} /> Typescript 2.9增加了对明确指定tsx标记类型参数的支持。这是我们的

例如,
导出类平面列表扩展了React.Component
中有
ItemT
泛型类型。如何在
.tsx
代码中使用它?未参数化的外观如下所示:

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

Typescript 2.9增加了对明确指定tsx标记类型参数的支持。这是我们的目标。因此,应用语法,应该是:

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

您是否介意分享从
renderItem
功能返回的内容?
<FlatList<DataItem>
      data={this.state.data}
      keyExtractor={this.keyExtractor}
      renderItem={this.renderItem}
    />