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} />;
相关推荐
xiaogg36781 分钟前
网站首页菜单两种布局vue+elementui顶部和左侧栏导航
前端·vue.js·elementui
神膘护体小月半1 分钟前
bug 记录 - 使用 el-dialog 的 before-close 的坑
前端·javascript·bug
&白帝&5 分钟前
使用vite-plugin-html在 HTML 文件中动态注入数据,如元数据、环境变量、标题
前端·html·dreamweaver
SouthernWind6 分钟前
RAGFlow构建知识库和联网搜索对话平台:从零到一的完整开发指南
前端·javascript
我是小七呦11 分钟前
😧纳尼?前端也能做这么复杂的事情了?
前端·面试·ai编程
陈_杨15 分钟前
鸿蒙5开发宝藏案例分享---性能优化案例解析
前端
前端付豪17 分钟前
揭秘网易统一日志采集与故障定位平台揭秘:如何在亿级请求中1分钟定位线上异常
前端·后端·架构
香蕉可乐荷包蛋28 分钟前
vue对axios的封装和使用
前端·javascript·vue.js·axios
娃哈哈哈哈呀32 分钟前
html - <mark>标签
前端·html
QQ_hoverer32 分钟前
前端使用 preview 插件预览docx文件
前端·javascript·layui·jquery