Question

我正在关注SectionLists（https://facebook.github.io/react-native/docs/using-a-listview.html#content）的ReactNative教程，并且遇到了警告消息。

警告状态

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

“VirtualizedList：缺少项目的键，请确保在每个项目上指定键属性或提供自定义keyExtractor”

有人可以协助解决此警告吗？

修改的所以我能够通过在部分

中添加一个键来解决第一个警告

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

但是我还在为一个实例得到第二个错误。

Answer 1

之前我遇到过同样的错误。定义 keyExtractor 属性为我解决了这个问题。

https://facebook.github.io/react-native/docs/sectionlist.html#keyextractor

你试过这个吗？

Answer 2

第一个错误是要求您为每个部分对象添加键属性，第二个错误是要求您为数据数组中的每个项目添加一个键。键有助于确定添加/更改/删除了哪些项目。因此，您可能希望将数据更改为以下内容：

data: [{ key: //add a unique key here or use keyExtractor, name: 'Devin' }, ...]

ReactNative SectionList缺少键警告

2 个答案: