问题标签 [react-select]

有没有办法格式化 React 输入下拉列表的选项？

例如，我想要一个自动完成下拉菜单，以带列的格式化方式显示选项。几乎就像一个下拉数据网格，以便用户可以以统一的方式看到“姓名”、“地址”等。

我有一个 Rails 后端对我的联系人信息进行全文搜索，包括他们的电子邮件、电话号码等。

它返回一个只有名字和姓氏的联系人数组。

使用 react-select，我希望如果用户输入 john@doe.com，返回的记录将显示在下拉菜单中，我知道我不太可能突出显示该列表中的正确项目，但它很高兴只是展示它。可能吗？

这是我的反应选择组件

谢谢你！

我希望在多选模式下选择一个值后关闭菜单。

那可能吗？我试过 scrollMenuIntoView={false} 和 openOnFocus={false} 没有成功。

谢谢/托比昂

我正在使用react-select来呈现多选框。当我输入内容时，它会根据我输入的文本显示选项下拉列表。当我选择一个选项时，我在输入框中输入的文本不会保留。有没有办法让它在选择之后仍然存在？

我想react-select用作输入。

当用户键入时，它会自动完成已经存在的选项，但如果不存在，则保留文本值并onChange在我模糊组件或按下时调用enter。

我知道Creatable，但我不需要创建新选项，只需保存用户写入的值即可。

我需要的是一件简单的事情。如果我选择国家，它应该设置电话前缀字段值。我有 2 个字段的 redux-form，我将 react-select 作为组件传递。

所以我在使用 redux-form 和 react-select 时遇到了问题，这就是我目前所拥有的：

进而：

但是随后选择值不会改变..

我得到了redux-form/CHANGEa action.payload（awareness这是我要选择的值），但是在另一个redux-form/BLUR带有action.payloadof 的redux-form 动作之后""。

我已经阅读了一堆关于此的 github 问题，尝试了很多但似乎没有任何工作..

例子：

https://github.com/JedWatson/react-select/issues/1129

https://github.com/erikras/redux-form/issues/82

我也试过：onBlur={() => onBlur('awareness')}它并没有改变选择的值，即使两个有效载荷都具有相同的值..

我想使用 React-Select 创建一个下拉列表，而不是 UI 看起来像这样：

我希望它看起来像这样：

这是我当前的代码：

任何帮助将不胜感激。

根据此文档，我正在尝试获取数据并将其设置为loadOptions与<Select.Async ... />. 正如我上面提到的，我得到Undefined了 els.data。谁能告诉我我做错了什么？

我正在使用React Select，我想url作为参数传递给loadOptions. 所以，我想：

这是我的getOptions：

有没有办法做到这一点？提前致谢。

解决方案 ：

最简单的解决方案如下所示：

并放入this而不是网址getOptions

希望这可以帮助 ;）