关于react.js:antd-key报错-Each-child-in-a-list-should-have-a-unique-key-prop

39次阅读

共计 378 个字符,预计需要花费 1 分钟才能阅读完成。

应用 react + antd 组件时,有时会报出 Each child in a list should have a unique “key” prop. 这样的谬误

这里列举几个相干的次谬误报错和解决形式

1、Table 表格
官网给 Table 组件提供了一个 rowKey 属性,用于给表格的每一行设定一个 key 值
如:<Table columns={columns} dataSource={users.data} rowKey={columns => columns.id} />
2、Select 选择器 中的 Option
应用 map() 办法动静增加选项,也须要给 <Option> 设置 key 属性
3、应用 map() 遍历渲染时,也会报出 key 值的谬误
给被遍历的组件加上 key 属性
4、Modal 对话框
给页脚组件设置 key 属性
转自 https://blog.csdn.net/AS_TS/a…

正文完
 0