如何根据搜索输入获取 react-select 中过滤（可选）选项的列表？

【问题标题】：How do I get the list of filtered (selectable) options in react-select based on the search input?如何根据搜索输入获取 react-select 中过滤（可选）选项的列表？
【发布时间】：2021-07-09 06:11:38
【问题描述】：

我正在尝试将react-select 用作更多的自动完成搜索组件。

对于带有<Select isSearchable={true}/> 的选择组件，react-select 在后台执行搜索自动完成建议。它会在用户键入时建议可选选项，并仅显示下拉菜单中的选项。

我想知道是否可以在输入更改时获得这些建议选项的列表。

【问题讨论】：

标签： javascript reactjs react-select

【解决方案1】：

您似乎无法做到这一点。您最接近的访问权限是自定义过滤器逻辑see documentation。即使这个内置函数一次只能通过一个选项，所以为了知道所有通过过滤器的选项，你需要在别处聚合结果。

对我来说，这对于手头的问题来说是不必要的复杂。

过滤选项，即使执行两次，通常也不是昂贵的计算。最简单的解决方案是实现您自己的onChange，跟踪<Select /> 的value，然后过滤选项，独立于第三方库。

【讨论】：