问题标签 [react-select]

我正在使用 React Select Library，当我在选择字段中选择一个标签时，显示的是值而不是标签。当我单击下拉菜单时，会显示标签，但是当我选择标签时，会显示值而不是标签。

我在这里建立我的领域：

其他字段可以正常工作，但这个不能。我不是前端开发人员，所以我对此感到很困惑。我会添加 JSX，但就像我说的，它在其他字段中正常工作。

我正在使用react-select。

有时我需要在不直接与输入交互的情况下更新我的 react-select 输入字段（我需要将文本注入其中）。我似乎无法通过文档找到正确执行此操作的方法。

这是我的 React-Select 输入：

我的选项是根据弹性搜索的结果动态创建的。此外，我的标签和我的值是两个不同的字符串（一个是“id”，一个是“name”）。

我需要能够将名称注入到 react-select 输入框中。我怎么能做到这一点？

我正在尝试使用React Select在 ReactJS 中设置我的 brandSelect 道具的状态，但是我对如何做到这一点感到困惑？

这是我当前的代码：

选择该选项后，我希望将状态设置为所选选项。

有谁知道 React Select 是如何做到的，因为文档并没有真正涵盖这一点？到目前为止，我已经尝试制作一个附加到 onChange 道具的设置状态的函数，但这不起作用。

我正在使用React Select，出于某种原因，我的状态仅在选择了两次选项后才会发生变化。

我有以下代码：

When one of the options is selected it won't console.logthe new state however if I select the option again it will. 知道我哪里出错了，我猜是因为状态没有显示在 console.log 中，它没有更新？

谢谢

我正在使用通过 npm 安装的 react-select 1.0.0-beta14 组件。

我在无状态功能组件中有一个选择器：

当我在其中进行选择时，小“x”显示为“×-”。我通过 require 包含 css 文件并通过 webpack 使用 "css-loader": "^0.23.1" 处理它。

这个网站让我相信这可能是一个编码问题，但我不确定在哪里可以解决这个问题。

他们的例子：

矿：

我正在使用 classNames 在 react 中设置我的组件的样式，但是如果我使用react-select之类的组件，那么如何导入样式react-select/dist/react-select.min.css并在我的组件中使用它。

这是我的一段代码，我的 react-select 没有样式。如何做到这一点？

我想使用React Virtualized Select在选择下拉列表中显示近 100 万条记录。我已经创建了基于flask和angularjs的项目。我无法通过 angularjs 找到此类下拉列表的任何资源，因此我决定使用 react.js 和 angular.js 来获取此选择下拉列表。

来到我的问题，请在下面找到我到目前为止尝试过的代码。由于我没有使用 nodeJS，我不能使用“require”或“include”，它们在这些下拉菜单中起主要作用，但幸运的是他们为“react-virtualized-select”提供了 UMD javascript 文件，所以我最后包含了这些脚本的 HTML 正文，但是当我运行代码时，我在控制台中收到错误

嵌入式：20 未捕获的 ReferenceError：未定义 VirtualizedSelect

有人可以告诉我我是否以正确的方式实施反应，或者我对 UMD 文件的理解有误吗？提前致谢。

更新：我创建了一个突出问题的 JS Fiddle，我还根据 SO 的评论对代码进行了一些更改。

JSFiddle Demo

我正在学习 reactJs 并尝试使用react-select。

html:

应用程序.js：

app.js 到 bundle.js -> browserify -t [ babelify ] public/js/app.js -o public/js/bundle.js

结果：

问题 -尝试从下拉列表中选择某些内容时，选择中未显示任何值。总是看到Select...标签。

console.log(json) 就像：["EA SPORTS FIFA 16", "FIFA 16 Ultimate Team"]

但建议值为空

这里是组件 Async 的 state 和 props

这里是带有示例的官方文档：https ://github.com/JedWatson/react-select#async-options-with-promises

我缺少什么？

我正在使用 react-select 来收集在名为 的 mongodb 集合中定义的标签tags，我需要将我的标签插入数组options[]ins 状态，就像它staticOptions[]在

问题： console.log(name)在我handleOptions()只记录 for 循环中的第一项。

问题：如何从tags集合中返回一个对象数组，this.state.options就像staticOptions?