问题
AntD的Table表单是我经常使用的一个组件,在使用的时候经常会遇到以下几种key缺失问题:
- 接口没有传key、id
- 接口传了id但未转换为key
- 接口传的id不唯一(一般传了就会唯一)
导致以下报错:
Warning: Each child in a list should have a unique “key” prop.
解决办法
方法一
找后端同学,传key!或者传id!!
传key后直接获取dataSource的值就行了;传id需要前端处理一下,在table组件中加个rowkey。
<Table
columns={
columns}
dataSource={
dataSource}
rowkey={
dataSource