react异常 Each child in a list should have a unique “key” prop

最新推荐文章于 2024-12-13 09:45:23 发布

原创最新推荐文章于 2024-12-13 09:45:23 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

React 专栏收录该内容

4 篇文章

订阅专栏

本文解决了React中Each child in a list should have a unique “key” prop的警告问题，详细介绍了为何需要设置key属性以及如何正确地为数组中的每个元素分配唯一的key。

react异常 Each child in a list should have a unique “key” prop

react异常警告：Each child in a list should have a unique “key” prop 在这里插入图片描述
原因：Dom在渲染数组时，需要一个key，不然嵌套数组时会引起歧义

解决：

{
  title:"customField",
  dataIndex:"customField",
  key:"customField",
  render:(text,record) => {
    return record.userCustomField.map(item,index) =>{
     return(
        <div key={index}>
           <Text delete={!record.enable}>{item.customFieldName}</Text>
        </div>
     )
  }
}