反應 - 選擇：保持菜單中的選定項目

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} /> 

希望這個例子可以幫助。