AntDesign表格批量删除后选中框残留问题
问题描述:
ant design
在使⽤react框架结合Antd来开发项⽬的时候,⽤到了table组件,实现表格的批量删除功能时遇到了⼀个问题:当我们批量删除数据后,表格的数据内容更新了,但是每⾏前⾯的选中框还是选中的状态,有残留,如下:
解决⽅法:
官⽹给出了解决思路:我们要先定义rowSelection,然后定义它的onChange事件,如下:
但上述⽅法只是解决删除⼀⾏数据后选中框残留问题,我们是批量删除,所以,我们将上述⽅法修改⼀下:在我们的删除事件最后重新将selectedRowKeys置空就可以,如下: