如何将antd多选表复选框状态与select选项同步

import { Select, Checkbox } from 'antd';

state = {
  selectedValues: [],
};

<Select
  mode="multiple"
  value={this.state.selectedValues}
  onChange={this.handleSelectChange}
>
  {/* Select的选项 */}
</Select>

<Checkbox
  value={optionValue}
  checked={this.state.selectedValues.includes(optionValue)}
  onChange={this.handleCheckboxChange}
>
  {optionLabel}
</Checkbox>

handleSelectChange = (selectedValues) => {
  this.setState({ selectedValues });
};

handleCheckboxChange = (e) => {
  const { value, checked } = e.target;
  const { selectedValues } = this.state;

  if (checked) {
    // 添加选中的值到selectedValues数组中
    this.setState({ selectedValues: [...selectedValues, value] });
  } else {
    // 从selectedValues数组中移除取消选中的值
    this.setState({ selectedValues: selectedValues.filter(val => val !== value) });
  }
};