react-select isMulti多选组件Bug：选中选项后无其他可选

• 问题根源：你在生成下拉选项时，错误地用已选中值过滤了原始选项列表，导致选中一个选项后，剩余选项被全部排除，组件自然提示无可用选项。
• 修复步骤：
  1. 保留完整的原始选项数组，不要在渲染options时手动过滤已选中项。react-select的isMulti属性会自动处理已选中项的显示逻辑——选中的项会在下拉列表中隐藏，同时出现在组件的选中标签栏。
  2. 修改代码中生成options的部分：
     错误写法（类似逻辑）：

     const filteredOptions = options.filter(opt => !selectedValues.includes(opt.value))
     

     改成直接使用原始选项数组：

     <Select
       isMulti
       options={originalOptions}
       value={selectedValues}
       onChange={handleChange}
       // 其他配置属性
     />
     

• 额外说明：如果需要自定义已选中项的显示或过滤逻辑，可以通过react-select的components属性自定义下拉选项组件，而非直接修改options数组。

内容的提问来源于stack exchange，提问作者Gorkem Gocer