antd表格切换分页页码时之前的选择项仍然保留问题解决

在使用Ant Design Table组件时遇到一个问题,即切换分页后,选中状态并未清除,显示异常。经过排查发现,原因是数据缺少唯一的`key`字段。解决方法是确保每条数据都有一个独特的`key`属性,以使Table能够正确跟踪选中状态。实现在分页切换后,选中状态能正确反映当前页面的数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题:使用antd table的分页和选择功能时,切换了分页,选中状态仍然保留
在这里插入图片描述
在第一页选中前三条数据
在这里插入图片描述切换到第二页后前三条也被选中,但打印selectedRowKeys为[0,1,2]选中的只有3条数据
解决:为每条数据加上key字段(如果本来就存在key字段且值唯一,则无需再单独添加):

在这里插入图片描述

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值