Antd Pro 列表页警告信息 Each child in a list should have a unique "key" prop

更新日期: 2021-05-17 阅读次数: 7945 字数: 121 分类: ReactJS

Antd Pro 列表页中报了一条警告信息:

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

虽然是 ProTable 组件,但是文档里并没有提到这个属性,需要参考 ant design 的 Table 组件

https://ant.design/components/table-cn/

rowKey:表格行 key 的取值,可以是字符串或一个函数

应该是作为 row 的唯一标识的。

修改成对应的后台数据返回 key 就可以了,例如:

<ProTable<API.Articles, API.PageParams>
        headerTitle="文章列表"
        actionRef={actionRef}
        rowKey="ID"

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式