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，不然嵌套数组时会引起歧义

return(<div key={index}><Text delete={!record.enable}>{item.customFieldName}</Text></div>)

加了key为何还报Each child in a list should have a unique “key“ prop

在这里插入图片描述

<> </>

是Fragment的缩写形式，遍历使用时要加key，而缩写形式是不可以加key的，所以要这样写：

<React.Fragment key={'your key'}>//...</React.Fragment>

在这里插入图片描述

标签： react.js javascript 前端

本文转载自: https://blog.csdn.net/ZiChen_Jiang/article/details/128084375
版权归原作者 前端江太公 所有，如有侵权，请联系我们删除。