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

news/2024/7/15 19:33:29 标签: react.js, 前端, 前端框架

如下图:

在这里插入图片描述

原因

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>
    }}
/>

http://www.niftyadmin.cn/n/5314756.html

相关文章

MFC与Qt多个控件响应统一响应消息处理

就目前使用C开发框架来说&#xff0c;今天来讲述下MFC框架下与Qt框架下&#xff0c;如何让多个控件响应统一消息处理方法。 功能&#xff1a;假设有5个按钮&#xff0c;需要响应同一个处理函数&#xff0c;该如何实现呢&#xff1f; Qt方式 开发环境&#xff1a;win10 VS201…

udp简介4.0

udp简介&#xff1a; 服务端&#xff1a; &#xff08;1&#xff09;使用函数socket()&#xff0c;生成套接字文件描述符&#xff1b; &#xff08;2&#xff09;通过struct sockaddr_in 结构设置服务器地址和监听端口&#xff1b; &#xff08;3&#xff09;使用bind() 函…

C端接口安全性设计

针对C端接口&#xff0c;app未登录也可以查询数据的需求点&#xff1b;从安全角度上仍然需要进行校验&#xff1a; 方案一&#xff1a; 后期http 修改为 https&#xff1b; 方案二&#xff1a; Aop切面需要的接口&#xff1b;客户端和后端都执行以下规则&#xff1a; 1.客…

idea右上角浏览器图标没有idea内部浏览器怎么显示

idea右上角浏览器图标没有idea内部浏览器怎么显示 file -> settings -> tools -> web brosers 选择需要的浏览器&#xff0c;勾选上展示到编辑器中 打开上图的Built-in Preview&#xff0c;就会显示idea标志的内部显示了&#xff01;&#xff01;&#xff01;

算法进阶——按之字形顺序打印二叉树

题目 给定一个二叉树&#xff0c;返回该二叉树的之字形层序遍历&#xff0c;&#xff08;第一层从左向右&#xff0c;下一层从右向左&#xff0c;一直这样交替&#xff09;。 数据范围&#xff1a;0≤n≤1500,树上每个节点的val满足∣val∣<1500 要求&#xff1a;空间复杂…

IPC之十四:使用libdbus通过select()接收D-Bus消息的实例

在『进程间通信』系列文章中前面已经有三篇关于D-Bus的文章&#xff0c;本文继续讨论D-Bus&#xff1b;libdbus抽象了实现IPC时实际使用的方式(管道、socket等)&#xff0c;libdbus允许在一个D-Bus连接上添加一个watch&#xff0c;通过watch对实际IPC中使用的文件描述符进行监视…

在IntelliJ IDEA中,.idea文件是什么,可以删除吗

相信有很多小伙伴&#xff0c;在用idea写java代码的时候&#xff0c;创建工程总是会出现.idea文件&#xff0c;该文件也从来没去打开使用过&#xff0c;那么它在我们项目里面&#xff0c;扮演什么角色&#xff0c;到底能不能删除它呢&#xff1f; 1、它是什么&#xff1f;有什么…

FineBI实战项目一(2):案例架构说明及数据准备

1 系统架构 基于MySQL搭建数据仓库基于Kettle进行数据处理帆软FineBI基于MySQL搭建的数据仓库进行数据分析 2 数据流程图 通过Kettle将MySQL业务系统数据库中&#xff0c;将数据抽取出来&#xff0c;然后装载到MySQL数据仓库中。编写SQL脚本&#xff0c;对MySQL数据仓库中的数…