Table警告:Each child in a list should have a unique “key“ prop

文章主要讨论了在React中遇到的关于列表子项缺少唯一`key`属性的警告,指出问题出在`Body`组件的渲染方法上。解决方案是为`Table`组件添加`rowKey`属性,可以使用记录的`id`作为唯一标识,如果`id`不唯一,则可考虑使用`index`或随机数。但需要注意,`index`和基于时间戳的随机数在数据更新时可能不可靠。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述

devScripts.js:6523 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `Body`. See https://reactjs.org/link/warning-keys for more information.
    at BodyRow (http://**:8000/umi.js:392823:25)
    in Body (created by Table)
    in table (created by Table)
    in div (created by Table)
    in div (created by Table)

问题截图 

问题分析

Check the render method of 'Body'.Table 组件没有加 rowKey 导致

问题解决

// 为 rowKey 属性赋值
<Table dataSource={data} rowKey={(record) => record.id}>
// ...
</Table>

 问题消失 nice~

附:如果id不能保证唯一,可以使用index, 或者随机数 // 注意更新时不可用

# index 使用方式
index.toString()

# 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值