如果选择了某个组中的任何选项，则应使用Ant design (OptGroup，Option) - React.js禁用其他组中的所有选项

import { Select } from 'antd';
import 'antd/dist/antd.css';

const [disabledOptions, setDisabledOptions] = useState([]);

<Select
  mode="multiple"
  onChange={handleChange}
  style={{ width: '100%' }}
  disabled={disabledOptions.length > 0}
>
  <OptGroup label="Group 1">
    <Option value="option1">Option 1</Option>
    <Option value="option2">Option 2</Option>
  </OptGroup>
  <OptGroup label="Group 2">
    <Option value="option3">Option 3</Option>
    <Option value="option4">Option 4</Option>
  </OptGroup>
</Select>

const handleChange = (selectedOptions) => {
  const disabledOptions = [];

  // 根据选择的选项更新禁用状态
  if (selectedOptions.includes('option1')) {
    disabledOptions.push('option3', 'option4');
  } else if (selectedOptions.includes('option3')) {
    disabledOptions.push('option1', 'option2');
  }

  setDisabledOptions(disabledOptions);
};