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} />;
相关推荐
倚栏听风雨2 分钟前
详解 TypeScript 中,async 和 await
前端
4***14905 分钟前
TypeScript在React中的前端框架
react.js·typescript·前端框架
S***42806 分钟前
Web3.0在去中心化应用中的前端框架
前端框架·web3·去中心化
小皮虾10 分钟前
告别服务器!小程序纯前端“图片转 PDF”工具,隐私安全又高效
前端·javascript·微信小程序
ohyeah11 分钟前
我的变量去哪了?JS 作用域入门指南
前端·javascript
倚栏听风雨14 分钟前
TypeScript 中,Promise
前端
影i32 分钟前
Vue 3 踩坑实录:如何优雅地把“上古”第三方插件关进 Iframe 小黑屋
前端
小明记账簿_微信小程序32 分钟前
vue项目中使用echarts做词云图
前端
浪浪山_大橙子35 分钟前
Trae SOLO 生成 TensorFlow.js 手势抓取物品太牛了 程序员可以退下了
前端·javascript
出征41 分钟前
Pnpm的进化进程
前端