react-native – 基本FlatList代码抛出警告 – React Native

发布时间：2020-12-15 20:53:53 所属栏目：百科来源：网络整理

导读：FlatList似乎不起作用.我收到了这个警告. VirtualizedList：缺少项目的键,确保在每个项目上指定键属性或提供自定义keyExtractor. 码： FlatList data={[{name: 'a'},{name: 'b'}]} renderItem={ (item) = Text key={Math.random().toString()}{item.name}/Te

FlatList似乎不起作用.我收到了这个警告.

VirtualizedList：缺少项目的键,确保在每个项目上指定键属性或提供自定义keyExtractor.

码：

<FlatList 
  data={[{name: 'a'},{name: 'b'}]} 
  renderItem={
    (item) => <Text key={Math.random().toString()}>{item.name}</Text>
  } 
  key={Math.random().toString()} />

只需这样做：

<FlatList 
  data={[{name: 'a'},{name: 'b'}]} 
  renderItem={
    (item) => <Text>{item.name}</Text>
  } 
  keyExtractor={(item,index) => index}
/>

资料来源：here

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!