问题标签 [react-select]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何使用 `react-select` 组件为`onClick` 事件调用`e.stopPropagation()`?
我有一个组件,当您单击它的任何位置时,它会执行一个操作,除非您单击某些具有自己的onClick
处理程序的子组件。这些onClick
处理程序能够通过调用来阻止其父级执行其标准操作e.stopPropagation
。我如何类似地捕获组件的stopPropagation()
事件?普通处理程序永远不会被调用。ReactSelect
onClick
onClick
这基本上是所描述的设置(ES6):
javascript - 反应选择多个选项
我正在尝试使用选项设置react-select
简单的组件,但即使它按照文档所说的那样设置,我也无法让它工作。什么时候,一次按预期工作,但是当我设置它时,它显示为.select
multiple
multi
false
Select
value
multi={true}
value
undefined
当我放弃时,handleChange()
event.target.value
它也会给予,undefined
所以这就是为什么我只是用来event.value
获取 obj 属性的原因。我仍然是 React 的新手,所以state
如果我在这里做错了什么,任何提示将不胜感激 -_-
使用react-select v. 1.0.0rc
.
javascript - React-select 有时不会在异步搜索的下拉菜单中显示选项
这里很奇怪。当使用 React-Select v1.0.0rc(尽管所有 v1.x 都会出现该错误)在异步模式下使用它来搜索 API 时,有时选项不会显示在下拉菜单中。发生这种情况似乎没有任何原因,但它发生在某些搜索查询中,而不是其他搜索查询。
例如coconut
有效但coconut oil
无效,即使两者都返回相似的结果。
奇怪的是,使用 React chrome 开发人员工具,我可以看到选项是在 Select 的状态下设置的,但它们只是没有出现。此外,如果我单击 react-select,然后单击它,结果会出现(在 firefox 和 chrome 中测试)。这是我的代码和一些截图来说明
在这里您可以看到我输入了一些内容,但没有出现任何结果
在这里,您可以在选项数组中的 React 检查器中看到结果
当我单击离开然后单击该框时,选项是
出现
mobx - 如何将 react-select 与 mobx 集成?
我正在使用 react-select,在我的网络应用程序中添加多选控件。http://jedwatson.github.io/react-select/ 我正在寻找一个将 mobx observables 注入控件的好例子。我遇到的第一个挑战是以异步方式初始化选项(选项是从服务器获取的,但之后我希望应用常规过滤,不需要异步选项)。有什么好的例子吗?
javascript - 使用反应入门套件打开选择链接
我对 Java 脚本很陌生,这可能是一个非常简单的答案。
我正在使用 react-starter-kit 和 react-select。在选择时,执行特定功能。在此功能中,我希望应用程序导航到另一条路线(打开另一个网址)。
我该如何做到这一点?
reactjs - 来自 react-select 的多选与 redux-form 未按预期工作
所以我使用来自 react-select 的多选和 redux-form 以及 onBlur hack(?) 这在幕后工作正常,因为当我提交它时,我在值中有选择的数据
但是在访问任何多选字段后(即使我没有选择任何内容)我最终没有任何值(除了这个之外什么都没有显示
))
所以我最终得到了 redux 状态的值,但我看不到该字段中的任何值。有谁知道为什么会这样?
reactjs - 在反应选择中保持唯一值,该值在选项数组中不存在
我想react-select
接受未存储在选项数组中的值。我希望使用这个组件来建议值,但也允许用户输入他们自己的值并将其保留在模糊中。
在我的情况下,选项代表已在数据库中定义的建议,在选择一个选项时,它将自动填充一些其他相关字段。
但是,我还希望允许用户在 中定义唯一值并手动定义其他值。
我不想在选项数组中提供唯一值,因为我不希望用户将其视为可选选项。
这可能react-select
吗?
javascript - React-Select loadOptions 不起作用
我正在尝试使用带有异步 API 调用的 React-Virtualized-Select 来加载选项,但它永远不会完成 loadOptions 方法。这是完整的文件:
getPlayers 中的第二个回调是将数组数组转换为对象数组;console.log 打印一个数组,如下所示:
但随后搜索栏中的微调器挂起,并且从不显示“正在加载...”之后的选项。不知道如何更好地发送数据。
javascript - react-select-picker - 单击时无法打开选择器
正如我的标题所说,当我单击它以显示选项时,我无法打开选择。
这是相关的代码。如果您需要更多,请询问: