Antd Pro 列表页中报了一条警告信息:
Each child in a list should have a unique "key" prop.
意思是每一列都应有一个唯一的“键”属性。
<ProTable<API.ListItem, API.PageParams>
actionRef={actionRef}
rowKey="key"
search={false}
/>
发现原来的模拟数据键用的字段是key
,真实数据用的是id
,导致渲染真实数据是“键”重复。
rowKey:表格行 key 的取值,可以是字符串或一个函数
应该是作为 row 的唯一标识的。
修改成对应的后台数据返回 key 就可以了,例如:
<ProTable<API.ListItem, API.PageParams>
actionRef={actionRef}
rowKey="id"
search={false}
/>