如何在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}
/>