首页 > 解决方案 > react-select isMulti 过滤选项

问题描述

我正在使用反应选择。我不想从选项列表中删除选定的项目。当您添加 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}
  />

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

标签: reactjsdropdownreact-select

解决方案


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


推荐阅读