react-select isMulti 过滤选项

RMT*_*RMT 2 reactjs react-select dropdown

我正在使用反应选择。我不想从选项列表中删除选定的项目。看起来它会在您添加 isMulti 时自动从选项列表中删除选定的选项,因为当我没有 isMulti 时,它不会删除选定的选项。我已经看到我可以使用一个名为 filterOption 的道具,但我不明白如何使它工作。谁能告诉我如何使用 filterOption 来显示所有选项,即使选择了某些选项?如果 Select 会自动删除选定的选项,那么即使选择了某些选项,是否有人对我如何显示所有选项有任何建议?

  import Select from 'react-select';

  ...

  <Select
    value={this.value()}
    isDisabled={this.props.disabled}
    closeMenuOnSelect={false}
    components={Animated}
    isMulti
    isClearable
    onChange={this.props.onChange}
    onBlur={this.onBlur}
    options={this.props.options}
  />
Run Code Online (Sandbox Code Playgroud)

顺便说一句:我可以看到演示中有一个选项可以取消选中“删除选定的选项”,但我无法找到源代码,它返回 404。这是我正在查看的演示的链接,标题为“多选”:https : //jedwatson.github.io/react-select/

Lau*_*ura 7

我认为您正在寻找的选项是hideSelectedOptions,您可以在此处查看文档并在此处查看现场示例。

  • 非常感谢!这正是我正在寻找的,而且效果很好! (2认同)
  • @ReidunMarie 很棒,你能把这个答案标记为已接受吗?所以每个人都会知道这是正确的做法 (2认同)