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

问题描述:

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

 

解决方法:

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

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

 

 

posted @ 2019-01-04 16:53  X北辰北  阅读(1185)  评论(0编辑  收藏  举报