antd table 分页踩坑

1,358 阅读1分钟

记录一个踩坑:

现象:一个表格,数据有33条,每页显示10条,第1页显示正常10条; 当我点击第二页时,变成了11条(理论返回10条);点击第三页,5条(按道理应该返回3条)

排查:

第一步:查看网络请求,没问题

第二步:查看dataSource的表格数据是不是给的就是后台返回的这10条数据,打印出来,没错,10条;

数据为什么会变多,控制台报错the same key ,想到了rowKey 属性,果然是因为后台测试数据多条数据给了一个key。

原因:rowKey指定一个唯一的主键,而不是可重复,不然就会导致行增加,进而出现此现象。

rowKey={record => record.id}