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} />;
相关推荐
小徐_23334 小时前
AI 写 wot-ui 总在猜 API?我们把 Skills、MCP 和 CLI 都配好了
前端·uni-app·ai编程
winfredzhang4 小时前
用 wxPython + ECharts + 阿里矢量地图,做一个可离线兜底的上海雨量看板
前端·javascript·echarts
索西引擎4 小时前
【React】Immer.js 在现代 Redux 生态中的角色:不可变性保障的工程化实现与开发体验优化
前端·javascript·react.js
kisshyshy4 小时前
《川剧变脸 × React 状态管理?我在浏览器里跑了个端侧大模型》
前端·react.js·架构
只一4 小时前
端侧AI实战第二章:React组件工程化 + 事件系统 + 可复用进度条(WebGPU模型加载底座)
前端·react.js
大卫陈4 小时前
微信小程序虚拟支付实战:从「支付能力被限制」到沙箱调通的全过程
前端·后端
武子康4 小时前
vLLM 0.25.1:服务没有报错,为什么仍会生成垃圾 Token(5 级正确性门禁 + 自动回滚条件)
前端·人工智能·后端
jyp201211074 小时前
Vue3 Diff 算法
前端·vue.js
胡萝卜术4 小时前
抽象的三级跳:从原生 DOM 到 React 组件树,我们到底在解决什么问题?
前端·javascript·面试
黄敬峰4 小时前
从零理解React:事件、组件与响应式——一个WebGPU Demo的前端笔记
前端·面试