.> react项目报错key不存在
1.报错内容
Warning: Each child in a list should have a unique "key" prop.
Check the render method of `Cell`.
可以看到提示了cell组件报错了。
2. 排查和解决
查找代码里面是不是有map等遍历方法,然后每个节点是否有唯一的key
如果没有遍历方法,查看是不是有多个节点放在一个数组里面,然后没有设置节点的key。
例如表格列的render函数里面:
render: (record) => [
<a key="edit">编辑</a>,
<Popconfirm title="是否要删除此行?" onConfirm={() => remove(record)}>
<a key='del'>删除</a>
</Popconfirm>,
],
需要在Popconfirm加key,数组的一级节点要加key,改成:
render: (record) => [
<a key="edit">编辑</a>,
<Popconfirm key='del' title="是否要删除此行?" onConfirm={() => remove(record)}>
<a>删除</a>
</Popconfirm>,
],