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

Question

FlatList 似乎不起作用。我收到此警告。

VirtualizedList:缺少项目的键，请确保在每个项目上指定键属性或提供自定义 keyExtractor。

代码:

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

Answer 1

只需这样做:

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

来源:here