react-native - 在 React Native 中使用 FlatList 上的数组索引

Question

我有一个对象数组，如下所示。所有对象都没有唯一键。

[
   {
       data1: "text1",
       data2: "text2"
   },
   {
       data1: "text3",
       data2: "text4"
   }
]

我有一个 FlatList 定义如下:

<FlatList

     data={this.state.items}
     renderItem={this.renderItem}
/>

我也尝试添加:

 keyExtractor={this._keyExtractor}

但我仍然收到相同的消息。我不确定上面是什么this._keyExtractor应该是在做。它是拉索引的内置函数还是我应该自己创建的函数？

我做错了什么，我怎么能只使用数组索引作为我的唯一键？

Answer 1

keyExtractor 已经为您提供给它的数据计算了数组索引。

因此，如果您想使用数组索引作为唯一元素，那么您可以这样做

<FlatList 
      data={this.state.items}
      renderItem={this.renderItem} //... toString() since it accepts string elements
      keyExtractor={(item, index) => index.toString()}
 />