存储在列表中的键并在 keyExtractor 中使用它们答案

【问题标题】：keys stored in list and using them in keyExtractor存储在列表中的键并在 keyExtractor 中使用它们
【发布时间】：2018-12-02 00:56:35
【问题描述】：

我有一个嵌套对象，我使用 Object.keys 和 Object.values 提取了键和值，并将它们存储在下面的“键”和“数组数据”下。我无法弄清楚如何将 keyExtractor 与我为匹配数组而创建的键列表（“键”）一起使用。有任何想法吗？

nested object from firebase

let data = this.props.jobHistory
let keys = Object.keys(data)
let arrayData = Object.values(data)

 <FlatList
      keyExtractor={(item, index) => keys[index]} //I thought this would work but it is printing nothing
      data={arrayData}
      renderItem={({item}) => {
        return (
          <Text>{JSON.stringify(item)}{"\n"}</Text>
        )}
    }

谢谢

【问题讨论】：

标签： list react-native react-native-flatlist

【解决方案1】：

keyExtractor 不显示或打印任何实际数据，它仅提供 RN 用来区分组件的“密钥”。这是一个无形的价值。假设键中的每个值都是唯一的，这不应该返回任何错误。如果您想在打印时验证正确的密钥是否与正确的项目配对，您可以这样做

keyExtractor={(item, index) => console.log(`${keys[index]}:${arrayData{index}}`);keys[index]} //I thought this would work but it is printing nothing

【讨论】：