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>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/ZiChen_Jiang/article/details/128084375
今日推荐