我有一个我无法解决的问题. 我有一串对象,而它又有另一串对象

const data = [
        {
            title: 'Medical',
            data: [{
                notice: 'Test 1',
                documentType: 'Medical',
                file: 'https://test.1'
            }],
        }
    ];

我try 根据标题在滚动视图组件中加载这些项目

<View>
            <Header title={PERSONAL_INFO}/>
            <Center>
                <ScrollView w={["200", "300"]} h="80">
                    {data.map((item, index) => (
                        (<View>
                            <Center>
                                <Heading>
                                    {item.title}
                                </Heading>
                                {
                                    data[index].data.map((item) =>
                                        <Text>{item.notice}</Text>
                                    )
                                }
                            </Center>
                        </View>)
                    ))}
                </ScrollView>
            </Center>
        </View>

在只有一个条件的情况下,一切都正确加载,我会收到一个无法摆脱的警告.

 Warning: Each child in a list should have a unique "key" prop.

推荐答案

try 绘制item.data个以上的 map

        <View>
          {data.map((item, idx) => ( <---- first array
            <View key={idx}>
              <Text style={{ fontSize: 40 }}>{item.title}</Text>
                {item.data.map((subItem, key) => ( <--- inner array
              <View key={key}>
                <Text style={{ fontSize: 20 }}>{subItem.notice}</Text>
                <Text style={{ fontSize: 20 }}>{subItem.documentType}</Text>
                <Text style={{ fontSize: 20 }}>{subItem.file}</Text>
              </View>
                ))}
            </View>
          ))}
        </View>

React-native相关问答推荐

替换数组中的一个元素就是替换数组中的所有元素?

如何根据设备主题更改React Native中状态栏的背景?

哪个版本的@stripe/stripe-react-native 模块支持 react native 0.62.0 typscript 模板?

useState 函数似乎阻止了 Animated.timing 事件?

RNMK - 超级表达式必须为空或函数

更改所选标签栏元素的底部边框 colored颜色

纯在 Swift 中的 React Native 应用程序

未找到 xcode 'boost/config/user.hpp' 文件

react Navigation 在标题中使用图像?

如何使用react钩子设置状态数组

cmd : react-native run-android 在每次文件更改时

使用 React Navigation 制作离开屏幕的动画

TypeError : props.navigation.getParam 不是函数. In(props.navigation.getParam('name')

Unexpected token on "export default const"

带有 React Native 的 EventEmitter 和 Subscriber ES6 语法

如何设置样式属性以填充剩余空间?

React Navigation 切换背景 colored颜色 和样式 StackNavigator

react-native 开始给出 Invalid 正则表达式无效错误

React Native - 导航问题undefined is not an object (this.props.navigation.navigate)

无法在react-native中分配给# 的只读属性props