技术栈

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

风无雨2025-04-06 4:07

1.map 返回 html 模板 未加 key

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

ts 复制代码
	renderlist.map((item)=>(
		<div key={item.code}>{item.name}</div>
	))

2.antd table 没有 key 或 rowkey

antd table

解决方法:

1.dataSource 的每一列数据 增加一个 key

2.使用 rowKey 来指定 dataSource 的主键

ts 复制代码
// 比如你的数据主键是 uid
return <Table rowKey="uid" />;
// 或
return <Table rowKey={(record) => record.uid} />;
上一篇:video标签播放mp4格式视频只有声音没有图像的问题
下一篇:Jmeter脚本录制
相关推荐
风舞红枫
1 分钟前
前端可配置权限规则案例
前端
zhougl996
11 分钟前
前端模块化
前端
暴富暴富暴富啦啦啦
28 分钟前
Map 缓存和拿取
前端·javascript·缓存
天问一
28 分钟前
前端Vue使用js-audio-plugin实现录音功能
前端·javascript·vue.js
dodod2012
31 分钟前
Ubuntu24.04.3执行sudo apt install yarnpkg 命令失败的原因
java·服务器·前端
小魏的马仔
37 分钟前
【elementui】el-date-picker日期选择框,获取焦点后宽度增加问题调整
前端·vue.js·elementui
JarvanMo
40 分钟前
想让你的 Flutter UI 更上一层楼吗?
前端
soul g
1 小时前
npm 包发布流程
前端·npm·node.js
踢球的打工仔
1 小时前
jquery的基本使用(5)
前端·javascript·jquery
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03Linux下V2Ray安装配置指南04在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)05BongoCat - 跨平台键盘猫动画工具06Neo4j(一) - Neo4j安装教程(Windows)07【AutoGLM部署】本地私有化部署AI手机Agent08安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)09Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser10Open-AutoGLM Windows 安装部署教程