React-Select：將所選項目保留在菜單中

Question

我想在v1.0.0-beta10中使用React-Select ，以便將選定的項目保留在菜單中，以便能夠實現類似於MaterializeCss中的多選的下拉菜單

這是屏幕截圖：

如何實現這種行為？

Answer 1

就像您在GitHub上的react-select中所要求的那樣，要完成此任務，就可以在此pull request中使用removeSelected={false}來實現。 現在（2019年中），解決方案是：

hideSelectedOptions={false}

Answer 2

您可以訪問名為filterOptions的道具，該道具接受帶有屬性選項searchFilter和selectedOptions的函數。

您應該總是能夠始終返回與搜索過濾器匹配的選項，而不用剝離如下所示的selectedOptions（如果使用的是下划線/破折號。或者編寫您自己的方法）。

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

接着

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

希望這個例子有幫助。