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可以了,例如:

&lt;ProTable<API.ListItem, API.PageParams&gt;
        actionRef={actionRef}
        rowKey="id"
        search={false}
        /&gt;

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注