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

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} />;
相关推荐
兆子龙1 分钟前
前端工程师转型 AI Agent 工程师:后端能力补全指南
前端·javascript
长安11084 分钟前
web后端----HTTP协议与浏览器F12
前端·网络协议·http
前端大波24 分钟前
Web Vitals 与前端性能监控实战
前端·javascript
AlienZHOU1 小时前
从零开始,跟着写一个产品级 Coding Agent
前端
RichardZhiLi1 小时前
大前端全栈实践课程:章节二(前端工程化建设)
前端
毕设源码-赖学姐1 小时前
【开题答辩全过程】以 基于VUE的环保网站设计为例,包含答辩的问题和答案
前端·javascript·vue.js
ZTrainWilliams1 小时前
swagger-mcp-toolkit 让 AI编辑器 更快“读懂并调用”你的接口
前端·后端·mcp
伊步沁心1 小时前
深入 useEffect:为什么 cleanup 总比 setup 先跑?顺手手写节流防抖 Hook
前端
小J听不清1 小时前
CSS 字体样式全解析:字体类型 / 大小 / 粗细 / 样式
前端·javascript·css·html·css3