React+AntDesign:关于table的rowSelection在多选批量删除后仍为选中状态

原创

于 2021-04-22 17:29:50 发布 · 4.2k 阅读

CC 4.0 BY-SA版权

文章标签：

在使用React和AntDesign的table组件时，遇到批量删除后选中状态未清除的问题。经过研究官方文档，通过设置特定属性解决了此问题。当数据的rowKey不唯一时，删除操作会导致选中状态混乱，设置正确rowKey可避免这种情况，可能不需要使用selectedRowKeys属性。

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

本来是准备删除完了以后表格默认不选中的，但是发现选中状态并没有清掉，还是保留着下面的展示效果，觉得头疼，后面仔细查看了官方文档API后，通过尝试找到了解决办法。

在这里插入图片描述
2. 这块主要是用到一个selectedRowKeys属性，通过设置这个属性就可以实现在执行删除命令成功后数据就不会默认被选中原来的id位置了，附上代码如下：

// table表格部分的代码
 <Table
	   rowKey="id"
	   locale={
   
   {
   
    emptyText: <Empty /> }}
	   rowSelection=

200万优质内容无限畅学