2023-03-20 React: Each child in a list should have a unique "key" prop. Check the render method of `App`

Each child in a list should have a unique "key" prop.  Check the render method of `App`

列表中的每个孩子都应该有一个唯一的“关键”道具。检查`App的呈现方法`

前言:react+antd业务中渲染组件地方用到了数组包裹。

原因:这个报错的关键就在于这个数组里面的每一项需要一个独立的key值,而我并没有添加进去故而报错。

解决方案:给数组里每个组件添加一个key值即可。如下例子:

[<div key={121}></div>,
<div key={122}></div>,
<div key={123}></div>]

每个逗号隔开就代表一个组件,那么这个组件的第一级就得要用到key。

posted @ 2023-03-20 11:49  叶乘风  阅读(510)  评论(0编辑  收藏  举报