Ant Design表格批量删除后选中框残留问题

问题描述:

        在使用react框架结合Antd来开发项目的时候,用到了table组件,实现表格的批量删除功能时遇到了一个问题:当我们批量删除数据后,表格的数据内容更新了,但是每行前面的选中框还是选中的状态,有残留,如下:

解决方法:

        官网给出了解决思路:我们要先定义rowSelection,然后定义它的onChange事件,如下:

         但上述方法只是解决删除一行数据后选中框残留问题,我们是批量删除,所以,我们将上述方法修改一下:在我们的删除事件最后重新将selectedRowKeys置空就可以,如下:

X北辰北的博客,想看更多内容,请移步我的个人博客:http://www.xbeichenbei.com/
原文地址:https://www.cnblogs.com/xuqw/p/11794635.html