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} />;
相关推荐
咕噜咕噜啦啦4 小时前
Vue3响应式开发
前端·javascript·vue.js
huangql5205 小时前
布局单位与设计稿换算:从「看清」到「量准」
前端
牛奶6 小时前
你不知道的JS(下):深入编程
前端·javascript·电子书
牛奶6 小时前
你不知道的JS(下):深入JS(下)
前端·javascript·电子书
牛奶6 小时前
你不知道的JS(下):总结与未来
前端·javascript·电子书
牛奶6 小时前
你不知道的JS(下):深入JS(上)
前端·javascript·电子书
CappuccinoRose7 小时前
HTML语法学习文档(五)
前端·html·html5·表单
硅基动力AI8 小时前
如何判断一个关键词值不值得做?
java·前端·数据库
yq1982043011569 小时前
使用Django构建视频解析网站 从Naver视频下载器看Web开发全流程
前端·django·音视频
李明卫杭州10 小时前
在 JavaScript 中,生成器函数(Generator Function)
前端·javascript