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

应用 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…

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理