业务需求:可以勾选当前页数据、下一页数据进行批量操作。
其实antd本身可以支持上述业务需求。
但:出现的问题如下
(1)当我勾选多条并点击批量拒绝后,再次多选进行操作时,查看选中数据不仅仅是当前选中的数据,还包含上次选中的数据。
(2)当我选中多条进行操作成功后,之前被选中的数据依然被选中
解决方案:
antd自带的示例demo其实是有问题的。不能将onchange事件都放在state中.
修正后如下:
1. 在state定义一个数组用来存储key
this.state = {
selectedRowKeys: []
}
2. 在render中定义
const {selectedRowKeys } = this.state;
const rowSelection = {
selectedRowKeys, // 一定要加这行,解决缓存
onChange: (selected