为什么在我的React-Native FlatList中有相同键的双份？

Question

我正在尝试获取以下endpoint处描述的对象：https://api.cosmicjs.com/v1/67302ce0-7681-11e9-8193-4bd8888ec129/objects?pretty=true

您会注意到，有一个带有唯一标识符的_id字段。

那么为什么我得到：

“警告：遇到两个具有相同密钥的子项，：。密钥应该是唯一的，以便组件在更新过程中保持其标识。非唯一密钥可能会导致子项被复制和/或忽略-此行为不受支持，并可能在将来的版本中更改。”

这是我的FlatList渲染：

render() {   
    if(this.props.dataToDisplay.objects){
        console.log(typeof(this.props.dataToDisplay.objects))
        console.log(this.props.dataToDisplay.objects)
        this.props.dataToDisplay.objects.forEach((item)=>{
            console.log(item)
        })

        return (
            <View style={[{backgroundColor: this.state.backgroundColor},styles.container]}>
                <FlatList
                    data={this.props.dataToDisplay.objects}
                    keyExtractor={(item, index)=>{item._id.toString()}}
                    renderItem={({item})=>{
                        <Text id={item._id}>{item.title}</Text>
                    }}
                />
            </View>
        );
}
 else {

    return (
        <View style={[{backgroundColor: 
this.state.backgroundColor},styles.container]}>
            <Text>Loading elements.</Text>
        </View>
      );
    }
  }
}

钥匙拔出器有问题吗？我尝试使用keyExtractor={（项，索引）=

谢谢你抽出时间。

Answer 1

在您的示例中，您没有任何称为“key”的属性，正是因为这个原因，您有一个错误。你应该尝试分配另一个属性，比如一个关键元素，也许是属性“_id”，它存在于你的对象中，类似于这样：

<FlatList
data={this.props.dataToDisplay.objects}
keyExtractor={(item, index) => {item._id}}
numColumns={2}
renderItem={({item})=>{
  <Text id={item._id}>{item.title}</Text>
}}
/> 

Answer 2

而不是keydextractor={（项，索引）=

Answer 3

keyExtractor是可以的。返回函数不是：

keyExtractor={(item, index)=>{item._id.toString()}}

通过打开大括号{}引擎需要return关键字来返回任何内容。否则它将是一个void

要么做：

keyExtractor={(item, index)=> item._id.toString()}

或：

keyExtractor={(item, index)=> { return item._id.toString()}}

renderItem方法也是如此：

renderItem={({item})=>{
           <Text id={item._id}>{item.title}</Text>
         }}

由于打开了{}，因此取消了arrow函数的隐式返回，必须显式地追加它

renderItem={({item})=>{
        return <Text id={item._id}>{item.title}</Text>
         }}

顺便说一句，id不是之一