1.表格报错
表格数据需要在dataSource数组中添加key,如果从后端接收的数据中没有key,在Table属性中添加rowKey,确保record.id是唯一的即可
const data = //后端返回的数据
const columns = [{
title: '用户名',
dataIndex: 'username',
key: 'username',
},
{
title: '手机号',
dataIndex: 'mobile',
key: 'mobile',
},
{
title: 'Email',
dataIndex: 'email',
key: 'email',
}];
<Table dataSource={data} columns={columns} rowKey={record => record.id} />
2.弹出框报错
如果设置弹出框按钮,需要添加key属性,key不重复
<Modal
footer={[
<Button key="reset" type="primary">重置</Button>,
<Button key="submit" type="primary">保存</Button>
]}></Modal>
3.array.map渲染报错
添加key属性
arr.map((item,index) => {
return <span key={index}>{item.name}</span>
})