关于ant-design Table组件selectedRows翻页后不保留上一页已选中items的解决方案

1、

2、自己遇到这个问题的时候也参考了下其他人的解决方式，但大部分都又长又复杂，所以最后还是自己搞个。

3、解决方式

• 定义一个全局变量数组去存放我们最后选择的数组数据
• let initCLassIdList = [];
• 记得在组件卸载的时候去释放内存

  componentWillUnmount() {
    initClassIdList = null;
  }

• 所用到的API

    const rowSelection = {
      selectedRowKeys,
      onChange: this.onSelectChange,
      onSelect: this.onSelect,
      onSelectAll: this.onSelectAll,
    };

• 主要方法代码

  • 不清楚输出的是什么可以将对应ＡＰＩ的值都打印出来就知道了
  • 包含了点选取消操作、全选取消操作

  // 选中项发生变化时的回调
  onSelectChange = selectedRowKeys => {
    this.setState({
      selectedRowKeys,
    });
  };

  // 用户手动选择/取消选择某行的回调
  onSelect = (record, selected) => {
    if (selected) {
      initClassIdList.push(record);
    } else {
      initClassIdList = initClassIdList.filter(id => id.studentId !== record.studentId);
    }
    this.setState({
      classIdList: initClassIdList,
    });
  };

  // 用户手动选择/取消选择所有行的回调
  onSelectAll = (selected, selectedRows, changeRows) => {
    if (!selected) {
      changeRows.forEach(row => {
        initClassIdList = initClassIdList.filter(id => id.studentId !== row.studentId);
      });
    } else {
      initClassIdList = [...initClassIdList, ...changeRows];
    }
    this.setState({
      classIdList: initClassIdList,
    });
  };

• 够清晰明了，并且还能直接用。