javascript - React-Select：将所选项目保留在菜单中

Question

在 v1.0.0-beta10 中使用React-Select，我想将所选项目保留在菜单中，以便能够实现类似于MaterializeCss中的多选的下拉菜单

这是一个屏幕截图：

如何实现这种行为？

Answer 1

正如您在 GitHub 上的 react-select 中所要求的那样完成此操作，这可以removeSelected={false}在此 pull request中使用。现在（2019 年年中）解决方案是：

hideSelectedOptions={false}

Answer 2

您可以访问一个名为 filterOptions 的道具，该道具接受一个带有属性 options、searchFilter 和 selectedOptions 的函数。

您应该能够始终返回与搜索过滤器匹配的选项，而不是像下面那样删除 selectedOptions （如果您使用的是下划线/lodash。或者编写自己的方法。

const filterOptions = (options, searchFilter, selectedOptions) => {
  return _.filter(options, options => _.includes(option.value, searchFilter));
}

接着

<Select {...props} filterOptions={filterOptions} />

希望这个例子有所帮助。