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

版权声明:X北辰北 https://blog.csdn.net/qq_35117024/article/details/85784537

问题描述:

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

解决方法:

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

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

猜你喜欢

转载自blog.csdn.net/qq_35117024/article/details/85784537