问题说明:react项目发送axios请求,接口返回的数据中有重复的键值,显示在表格中就会整个错误
解决方法:
Table组件中增加一个rowKey属性,值设为返回的数据中无重复的键值即可
<Table
locale={
{ emptyText: <UtilTableEmpty /> }
}
columns={columns}
dataSource={this.state.dataSource}
bordered={true}
rowKey={'contact_id'} //以contact_id作为表格中每一行的唯一标识
>
</Table>
如果columns中没有单独唯一的主键,可以设置rowKey如下所示:
rowKey={(r,i)=>{
return i.toString()
}}