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

问题描述

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()

# 随机生成数方式：
# 1.JavaScript random() 方法
# Math.random()：返回介于 0（包含） ~ 1（不包含） 之间的一个随机数

Math.random()

# 2.JavaScript round() 方法
# Math.round(数值)：round() :返回最接近的整数

Math.round(20.69)

js时间戳  // 注意更新时不可用

# JavaScript 获取当前时间戳：
# 第一种方法：
var timestamp = Date.parse(new Date());
# 结果：1676528656013000

# 第二种方法：
var timestamp = (new Date()).valueOf();
# 结果：1676528656013

# 第三种方法：
var timestamp=new Date().getTime()；
# 结果：1676528656013