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

react antd 项目报错Warning: Each child in a list should have a unique “key“prop

1.map 返回 html 模板 未加 key

加上key 即可 ,注意加在最外层

	renderlist.map((item)=>(
		<div key={item.code}>{item.name}</div>
	))

2.antd table 没有 key 或 rowkey

在这里插入图片描述

antd table
在这里插入图片描述

解决方法:
1.dataSource 的每一列数据 增加一个 key
2.使用 rowKey 来指定 dataSource 的主键

// 比如你的数据主键是 uid
return <Table rowKey="uid" />;
// 或
return <Table rowKey={(record) => record.uid} />;

相关文章:

  • Python入门(5):异常
  • Dart 实现与蓝牙设备的通信
  • JSON 基础知识(一)
  • 碰一碰发视频系统--基于H5场景开发
  • 【一起来学kubernetes】32、kubectl使用详解
  • 视频分析设备平台EasyCVR安消一体化解决方案,打造社区/园区全面可视化智能安消应用
  • HNSW(Hierarchical Navigable Small World,分层可导航小世界)用来高效搜索高维向量的最近邻
  • JAVA常见的 JVM 参数及其典型默认值
  • CMMI(能力成熟度模型集成)简介
  • 蓝桥复习2(温度开始)
  • 系统思考反馈
  • 写Prompt的技巧和基本原则
  • PyQt6基础_界面控件简单介绍III
  • 【夜话系列】DelayQueue延迟队列(上):原理剖析与实现机制
  • 公网专线IP和私网专线IP之间的区别是什么?
  • 定时任务(python)
  • nodejs:midi-writer-js 将基金净值数据转换为 midi 文件
  • 多线程猜数问题
  • AI CUDA 工程师:Agentic CUDA 内核发现、优化和组合
  • 前后台系统
  • “复旦源”一源六馆焕新启幕,设立文化发展基金首期1亿元
  • 全国游泳冠军赛:孙杨、潘展乐同进400自决赛,今晚将正面对决
  • 淮安市车桥中学党总支书记王习元逝世,终年51岁
  • 通往国际舞台之路:清政府与万国公会的交往
  • “9+2”复式票,浦东购彩者拿下体彩大乐透1153万头奖
  • 上海率先推进生物制品分段生产试点,这款国产1类创新药获批上市