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

时间:2018-06-07 14:19:25

标签: typescript react-native

例如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 个答案:

答案 0 :(得分:2)

Typescript 2.9增加了对tsx标记明确指定type参数的支持。这是PR。所以应用语法,它应该是:

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