Ant design table 表格 报 Warning: Each record in table should have a unique `key` prop,or set `rowKey`

原因:

性能问题,这个是和React的dom-diff算法相关的,react对dom做遍历的时候,会根据data-reactid生成虚拟dom树,如果没有手动的添加key值的话,react是无法记录你的dom操作的,它只会在重新渲染的时候,继续使用相应的dom数组的序数号(array[index]这种)来比对dom树

解决方法(一):

对render中遍历的元素添加key属性,key值最好是映射对应的数组数据,而与index无关

方案二:设置rowKey

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值