在React中获取关键道具警告，即使组件没有重复

Question

我有一个组件列表（所有组件都包含一个唯一的key道具）扩展到另一个列表中，最后添加了另一个组件。

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

我认为myOtherComponent不需要key道具，但我仍然会收到警告Each child in an array or iterator should have a unique "key" prop。

我觉得在这种情况下key道具不应该是不必要的吗？

...包含单个组件（[<myOtherComponent />]）的数组是否需要key道具？

Answer 1

当React渲染时，数组中的任何内容都需要一个键。 <myOtherComponent key={0}/>

Answer 2

只要您的元素在数组中，就会弹出此警告。