react-native - ReactNative SectionList 缺少关键警告

标签 react-native

这个问题在这里已经有了答案:





Basic FlatList code throws Warning - React Native

(13 个回答)


4年前关闭。




我正在关注 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']},
          ]}

但是我仍然收到 1 个实例的第二个错误。

最佳答案

我之前遇到过同样的错误。定义 key 提取器 属性(property)为我解决了它。

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

你有没有试过这个?

关于react-native - ReactNative SectionList 缺少关键警告,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44770257/

相关文章:

javascript - 即使子组件位置是绝对的,图像组件也不能包含子组件

facebook - 如何在 React Native 应用程序中实现 Facebook 的评论插件?

reactjs - 确保路径由变量定义的嵌套字段在添加到依赖项数组时触发 React.useMemo 更新

javascript - React Native - 为什么我的图像按钮在 Android 上闪烁?

react-native - 为什么 AsyncStorage getItem 返回 null?

javascript - react-native-bluetooth-escpos-printer 编码土耳其语字符问题

react-native - 检查应用程序移动或静止的状态

react-native - 在 Exponent react-native 框架中使用 ShoutemUI/TextInput 组件时出现字体加载错误

android - react native react 导航安全区域问题

android - ScrollView React Native 上的多个 onScroll 事件?