javascript - 在 React 中获取关键 Prop 警告,即使组件没有重复

标签 javascript reactjs

我有一个组件列表(所有组件都包含一个独特的 key 属性)分布到另一个列表中,在最后添加另一个组件。

const myComponents = [<myComponent key={1} />, <myComponent key={2} />];
...
return [...myComponents, <myOtherComponent />]

我没想到 myOtherComponent需要 key Prop ,但我仍然收到警告 Each child in an array or iterator should have a unique "key" prop .

我认为 key 是不是错了?在这种情况下应该不需要 prop 吗?

...如果包含单个组件 ( [<myOtherComponent />] ) 的数组需要 key Prop ?

最佳答案

数组中的任何东西在被 React 渲染时都需要一个键。 <myOtherComponent key={0}/>

关于javascript - 在 React 中获取关键 Prop 警告,即使组件没有重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43857286/

相关文章:

javascript - 无法使用jquery从函数中获取值

javascript - JSDoc 中是否有 Implements 或 Extends 注释?

javascript - 使用 React Router 重新加载页面时出现 404 错误

CSS - 点击 2 次即可实现 360 度图标旋转

php - 在 Wordpress 插件中包含来自 node_modules 的库

javascript - 如何在 JavaScript 中从 JSON 获取数据?

javascript - 多个图标大小,如何、何时何地使用它们?

javascript - 将两个 javascript 对象附加在一起

reactjs - Material-ui 选择框不显示选择

javascript - 为什么相同的 prop 在父组件中是数组,而如果传递给子组件则不再是数组