反应 - 选择：保持菜单中的选定项目

Question

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

这里是截图：

如何实现这一行为呢？

Answer 1

您可以访问名为filterOptions的道具，该道具接受使用属性选项searchFilter和selectedOptions的函数。

你应该只能够总是返回如果您使用underscrore/lodash匹配搜索过滤器，而不是剥离出selectedOptions类似下面（即期权，或者写自己的方法。

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

和然后

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

希望这个例子可以帮助。