React ant table警告：Each child in a list should have a unique “key“ prop.

最新推荐文章于 2024-06-03 10:53:41 发布

Pisces_224

最新推荐文章于 2024-06-03 10:53:41 发布

阅读量1.1k

点赞数 6

分类专栏： React 文章标签： react.js 前端前端框架

本文链接：https://blog.csdn.net/qq_36256590/article/details/135479928

版权

React 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

如下图：

在这里插入图片描述

原因

React Ant table表格每一行都需要一个唯一标识来确保不重复，如果不加该属性，就会出现这个警告。

修复

添加这一行：

rowKey={(record) => record.id}    # id为行id

Table代码段：

<Table
    dataSource={tableData}
    columns={this.getSchemeData()}
    rowKey={(record) => record.id}
    size={'small'}
    loading={{
        spinning: isLoading, indicator: <span style={{
            position: 'absolute',
            top: '50%',
            left: '50%',
            margin: '-24px',
        }}>
            <Spinner size={"large"}/>
        </span>
    }}
/>