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} />;
相关推荐
不像程序员的程序媛20 分钟前
Nginx日志切分
服务器·前端·nginx
北原_春希29 分钟前
如何在Vue3项目中引入并使用Echarts图表
前端·javascript·echarts
尽意啊30 分钟前
echarts树图动态添加子节点
前端·javascript·echarts
吃面必吃蒜31 分钟前
echarts 极坐标柱状图 如何定义柱子颜色
前端·javascript·echarts
O_oStayPositive31 分钟前
Vue3使用ECharts
前端·javascript·echarts
竹秋…31 分钟前
echarts自定义tooltip中的内容
前端·javascript·echarts
宝贝露.32 分钟前
Axure引入Echarts图无法正常显示问题
前端·javascript·echarts
shmily麻瓜小菜鸡32 分钟前
前端文字转语音
前端
人良爱编程35 分钟前
Hugo的Stack主题配置记录03-背景虚化-导航栏-Apache ECharts创建地图
前端·javascript·apache·echarts·css3·html5
来颗仙人掌吃吃37 分钟前
解决Echarts设置宽度为100%发现宽度变为100px的问题(Echarts图标宽度自适应问题)
前端·javascript·echarts