问题标签 [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.

0 投票
1 回答
1368 浏览

javascript - 如何使用 `react-select` 组件为`onClick` 事件调用`e.stopPropagation()`?

我有一个组件,当您单击它的任何位置时,它会执行一个操作,除非您单击某些具有自己的onClick处理程序的子组件。这些onClick处理程序能够通过调用来阻止其父级执行其标准操作e.stopPropagation。我如何类似地捕获组件的stopPropagation()事件?普通处理程序永远不会被调用。ReactSelectonClickonClick

这基本上是所描述的设置(ES6):

0 投票
2 回答
29987 浏览

javascript - 反应选择多个选项

我正在尝试使用选项设置react-select简单的组件,但即使它按照文档所说的那样设置,我也无法让它工作。什么时候,一次按预期工作,但是当我设置它时,它显示为.selectmultiplemultifalseSelectvaluemulti={true}valueundefined

当我放弃时,handleChange() event.target.value它也会给予,undefined所以这就是为什么我只是用来event.value获取 obj 属性的原因。我仍然是 React 的新手,所以state如果我在这里做错了什么,任何提示将不胜感激 -_-

使用react-select v. 1.0.0rc.

0 投票
3 回答
2786 浏览

javascript - React-select 有时不会在异步搜索的下拉菜单中显示选项

这里很奇怪。当使用 React-Select v1.0.0rc(尽管所有 v1.x 都会出现该错误)在异步模式下使用它来搜索 API 时,有时选项不会显示在下拉菜单中。发生这种情况似乎没有任何原因,但它发生在某些搜索查询中,而不是其他搜索查询。

例如coconut有效但coconut oil无效,即使两者都返回相似的结果。

奇怪的是,使用 React chrome 开发人员工具,我可以看到选项是在 Select 的状态下设置的,但它们只是没有出现。此外,如果我单击 react-select,然后单击它,结果会出现(在 firefox 和 chrome 中测试)。这是我的代码和一些截图来说明

在这里您可以看到我输入了一些内容,但没有出现任何结果

搜索词不显示图像

在这里,您可以在选项数组中的 React 检查器中看到结果

在此处输入图像描述

当我单击离开然后单击该框时,选项是

出现

点击离开然后回来,他们在那里

0 投票
1 回答
1896 浏览

mobx - 如何将 react-select 与 mobx 集成?

我正在使用 react-select,在我的网络应用程序中添加多选控件。http://jedwatson.github.io/react-select/ 我正在寻找一个将 mobx observables 注入控件的好例子。我遇到的第一个挑战是以异步方式初始化选项(选项是从服务器获取的,但之后我希望应用常规过滤,不需要异步选项)。有什么好的例子吗?

0 投票
1 回答
115 浏览

javascript - 使用反应入门套件打开选择链接

我对 Java 脚本很陌生,这可能是一个非常简单的答案。

我正在使用 react-starter-kit 和 react-select。在选择时,执行特定功能。在此功能中,我希望应用程序导航到另一条路线(打开另一个网址)。

我该如何做到这一点?

0 投票
2 回答
4105 浏览

reactjs - 来自 react-select 的多选与 redux-form 未按预期工作

所以我使用来自 react-select 的多选和 redux-form 以及 onBlur hack(?) 这在幕后工作正常,因为当我提交它时,我在值中有选择的数据

但是在访问任何多选字段后(即使我没有选择任何内容)我最终没有任何值(除了这个之外什么都没有显示
图片 ))

所以我最终得到了 redux 状态的值,但我看不到该字段中的任何值。有谁知道为什么会这样?

0 投票
1 回答
548 浏览

reactjs - 在反应选择中保持唯一值,该值在选项数组中不存在

我想react-select接受未存储在选项数组中的值。我希望使用这个组件来建议值,但也允许用户输入他们自己的值并将其保留在模糊中。

在我的情况下,选项代表已在数据库中定义的建议,在选择一个选项时,它将自动填充一些其他相关字段。

但是,我还希望允许用户在 中定义唯一值并手动定义其他值。

我不想在选项数组中提供唯一值,因为我不希望用户将其视为可选选项。

这可能react-select吗?

0 投票
0 回答
859 浏览

javascript - React-Select loadOptions 不起作用

我正在尝试使用带有异步 API 调用的 React-Virtualized-Select 来加载选项,但它永远不会完成 loadOptions 方法。这是完整的文件:

getPlayers 中的第二个回调是将数组数组转换为对象数组;console.log 打印一个数组,如下所示:

但随后搜索栏中的微调器挂起,并且从不显示“正在加载...”之后的选项。不知道如何更好地发送数据。

0 投票
0 回答
578 浏览

javascript - react-select-picker - 单击时无法打开选择器

正如我的标题所说,当我单击它以显示选项时,我无法打开选择。

这是相关的代码。如果您需要更多,请询问:

0 投票
1 回答
247 浏览

javascript - react-selectize createFromSearch 显示额外的覆盖

我正在使用 react-selectize 组件进行可自定义的下拉菜单,它允许用户添加新选项。

我的 createFromSearch 和 onValueChange 函数如下;

除了这个小的 UI 问题外,一切正常。在我单击 后不久,它会显示重复的选项。

在此处输入图像描述

当我单击屏幕中的任意位置时,它会删除此重复的停留并正确显示。谁能建议它是样式问题还是我需要做的任何其他事情?