React Native keyExtractor 无法在 SectionList 中正常运行答案

【问题标题】：React Native keyExtractor fails to function properly in SectionListReact Native keyExtractor 无法在 SectionList 中正常运行
【发布时间】：2017-07-14 04:30:30
【问题描述】：

下面是我正在使用的 keyExtractor 方法。当组件是 FlatList 时，此方法运行良好，但在将 FlatList 转换为 SectionList 后，我不断收到以下消息。

“警告：VirtualizedSectionList：您提供的section 缺少key 属性。”

// defining the keyExtractor function

_keyExtractor = (item, index) => {
    console.log('id in key extractor', item.id)
    return item.id;
  }

// during render

<SectionList
   ...
   keyExtractor={this._keyExtractor}
   ...
/>

我正在记录 item.id 并正确打印出不同的 id。有什么想法吗？提前致谢。

【问题讨论】：

标签： reactjs react-native

【解决方案1】：

你可能会通过这个link。显示警告是因为每个部分都需要一个项目键。例如：-

sections={[ {key: 'D', title:'D' data: ['Devin']}, {key: 'J', title: 'J', data: ['Jackson', 'James', 'Jillian', 'Jimmy', 'Joel', 'John', 'Julie']}, ]}

【讨论】：

你说得对。事实证明，keyExtractor 仅涵盖每个部分中项目的键，但您还必须手动为每个部分添加一个键，文档中没有正确解释。