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

Question

以下是我使用的keyExtractor方法。当组件是FlatList时，此方法工作正常，但在将FlatList转换为SectionList后，我仍然收到以下消息。

＆＃34;警告：VirtualizedSectionList：您提供的section缺少key属性。＆＃34;

// 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。有什么想法吗？提前谢谢。

Answer 1

您可以浏览此link。显示警告是因为每个部分都需要一个项目键。例如： -

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