当前位置: 首页 > news >正文

Warning: Each child in a list should have a unique “key“ prop.

问题描述:
使用ProTable的时候,报错如下
在这里插入图片描述

原因分析:

根据报错内容可以分析出,表格数据缺少唯一key,

<PaginationTablecolumns={columns}pagination={{pageSize: 10,current: 1,showSizeChanger: true,showQuickJumper: true,pageSizeOptions: [10, 20, 30]}}
/>

解决:

加上rowKey属性

<PaginationTablerowKey="id" // 这个id对应的是你表格中id,如果没有,那么加上其他的字段columns={columns}pagination={{pageSize: 10,current: 1,showSizeChanger: true,showQuickJumper: true,pageSizeOptions: [10, 20, 30]}}
/>
http://www.lryc.cn/news/356581.html

相关文章:

  • JavaSE:StringBuilder和StringBuffer类
  • C语言在线编程网站:探索编程的奥秘与深度
  • Android 之广播监听网络变化
  • Hono 框架使用经验谈
  • mac 下配置mysql的全局环境变量
  • 小红书云原生 Kafka 技术剖析:分层存储与弹性伸缩
  • Python实现解码二进制数据以匹配给定的C++结构体
  • 实施阶段(2024年5月)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第13章第3节 (弱引用是系统托管的 )
  • 安装WordPress
  • 【STL库源码剖析】list 简单实现
  • web前端框架设计第十一课-常用插件
  • Java基础-注解
  • SpringCloud之SSO单点登录-基于Gateway和OAuth2的跨系统统一认证和鉴权详解
  • 二分查找算法详讲(三种版本写法)原创
  • Git钩子(Hooks)之commit之前自动执行脚本
  • nano机器人2:机械臂的视觉抓取
  • 技术速递|宣布 Java on Azure 开发工具支持 Java on Azure Container Apps
  • 随机森林算法实现分类
  • Ubuntu卸载软件
  • 网络工程师:网络可靠性技术
  • 科技引领未来:高速公路可视化
  • Golang发送POST请求并传递JSON数据
  • C++实现生产者消费者模型
  • 【Mac】MWeb Pro(好用的markdown编辑器) v4.5.9中文版安装教程
  • C++ | Leetcode C++题解之第118题杨辉三角
  • 3D透视图转的时候模型闪动怎么解决?---模大狮模型网
  • 如何创建一个vue项目?详细教程,如何创建第一个vue项目?
  • AWS迁移与传输之Migration Hub
  • 网络渗透思考