antd里面的Table渲染多出来数据问题
近日使用antd的table组件时遇到一个问题:
查询时通过接口获取返回数据正常,但是表格最上方会有不属于这个查询范围的数据,经检测,代码里面不涉及缓存。百思不得其解后,发现后端给的数据有重复数据,然后通过table的rowkey设置key值,导致重复。
按照 React 的规范,所有的组件数组必须绑定 key。在 Table 中,dataSource 和 columns 里的数据值都需要指定 key 值。对于 dataSource 默认将每列数据的 key 属性作为唯一的标识。最后发现是由于设置的rowKey不是唯一的问题造成了此bug.
【解决办法】
1.设置rowKey属性,指定值为唯一的字段(确保是唯一不会重复)
2.设置columns属性的配置中的key(好像主要是第一列),指定值为唯一的字段

浙公网安备 33010602011771号