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} />;
相关推荐
samuel9187 分钟前
pinia实现数据持久化插件pinia-plugin-persist-uni
前端·vue
谢一歇_fn8 分钟前
如何在uni-app中自定义输入框placeholder的样式
前端·javascript·uni-app
ganshenml13 分钟前
【Web】如何解决 `npm run dev` 报错 `address already in use 127.0.0.1:9005` 的问题
前端
顽强d石头19 分钟前
elementui里的el-tabs的内置样式修改失效?
前端·javascript·elementui
king199901021 小时前
小程序Npm package entry file not found?
前端·npm·node.js
程序猿阿伟1 小时前
《解锁CSS Flex布局:重塑现代网页布局的底层逻辑》
前端·css
生产队队长1 小时前
CSS:选择器-复合选择器
前端·css
黄同学real1 小时前
前端安全中的XSS(跨站脚本攻击)
前端·安全·xss
楠奕1 小时前
Neo4j多关系或多路径
前端·javascript·neo4j
小彭努力中4 小时前
8.Three.js中的 StereoCamera 立体相机详解+示例代码
开发语言·前端·javascript·vue.js·深度学习·数码相机·ecmascript