如何在本机与打字稿中使用通用组件

2024-06-26

例如export class FlatList<ItemT> extends React.Component<FlatListProps<ItemT>> has ItemT其中的泛型类型。我如何使用它.tsx代码?未参数化看起来像这样:

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

但我想要我的renderItem具有特定类的方法:

renderItem = (item: ListRenderItemInfo<DataItem>) => {

Typescript 2.9 添加了对 tsx 标记显式指定类型参数的支持。这是PR https://github.com/Microsoft/TypeScript/pull/22415为了这。所以应用语法,它应该是:

<FlatList<DataItem>
      data={this.state.data}
      keyExtractor={this.keyExtractor}
      renderItem={this.renderItem}
    />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在本机与打字稿中使用通用组件 的相关文章

随机推荐