记录一个踩坑:
现象:一个表格,数据有33条,每页显示10条,第1页显示正常10条; 当我点击第二页时,变成了11条(理论返回10条);点击第三页,5条(按道理应该返回3条)
排查:
第一步:查看网络请求,没问题
第二步:查看dataSource的表格数据是不是给的就是后台返回的这10条数据,打印出来,没错,10条;
数据为什么会变多,控制台报错the same key ,想到了rowKey 属性,果然是因为后台测试数据多条数据给了一个key。
原因:rowKey指定一个唯一的主键,而不是可重复,不然就会导致行增加,进而出现此现象。
rowKey={record => record.id}