React Native SectionList 替换数据键

Posted

技术标签:

【中文标题】React Native SectionList 替换数据键【英文标题】:React Native SectionList replace data key 【发布时间】:2018-12-31 15:42:36 【问题描述】:

我对 React 和 React native 还很陌生,但是在填充 SectionList 时遇到了一个问题,目前还没有找到解决方案。

我有一个对象数组,每个对象都有自己的数组。 SectionList 是显示此信息的理想选择,但是,每个部分的数组不称为“数据”,而 SectionList 似乎期望每个部分中的数组的关键“数据”。

有没有办法告诉SectionList 使用另一个键而不是数据键来填充每个部分的数组?

【问题讨论】:

【参考方案1】:

根据我对SectionList 的了解,每个部分都需要一个数据和密钥。

你可以做的就是根据那个修改你的数据。

喜欢例如: 你的数据是 [[1,2,3],[4,5],[6,7]]

你可以做的是遍历这个数组并将每个子数组推入新数组,格式为 key:index,data:subArray

希望这会有所帮助:)

【讨论】:

这是一个额外的处理过程......应该有一个选项来提供保存数组的密钥,而不是将其硬编码为“数据” 我同意你的观点,应该有一个道具可以提供数组的键,将尝试在反应原生讨论中进一步讨论。 真的没有办法解决吗?每个人都只是在那里击败他们的数据以进入data 密钥?... 是的,目前没有解决方案。总有人可以尝试实现它并发送 PR。我想这样做,但在为贡献做准备时面临挑战。如果有人可以帮助我,我会尝试实现它并发送 PR。

以上是关于React Native SectionList 替换数据键的主要内容,如果未能解决你的问题,请参考以下文章

SectionList React Native 中的选项卡

React-Native中列表SectionList学习

React-Native:嵌套在 SectionList 中的平面列表

React-Native SectionList 滚动到Android上的项目

如何在 react-native 中对 SectionList 进行分页

获取 SectionList 项 React-Native 的索引