我正在尝试在我的 rails 项目中使用 react-select 。我已经gem 'react_on_rails'安装了，但我遇到了一些问题。

我react-select使用npm install并想要安装import Select from 'react-select'，但随后开始出现很多服务器错误

连同网络浏览器控制台错误：

我怎样才能使这项工作？似乎使用 npm 安装 react-select 并使用 react_on_rails 而不是纯反应在这里是一个问题。

我正在尝试在使用 boostrap 3 的表单中使用 react-select。我找不到告诉控件宽度为 100% 的方法。

我尝试将 autoSize 设置为 false。没用。我还尝试将 wrapperStyle 或样式选项设置为 {width: '100%'}，但仍然没有运气。

有谁知道怎么做？

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

我想使用 React-Select 反应组件，但我需要添加测试。

我已经尝试了几个在谷歌上找到的选项，但似乎没有任何效果。我有下面的代码，但它不会导致更改事件。我已经能够添加一个焦点事件，它添加了 'is-focussed' 类，但仍然缺少 'is-open' 类。

我用过：https ://github.com/JedWatson/react-select/blob/master/test/Select-test.js作为参考

我曾尝试仅在输入字段上使用更改事件，但这也无济于事。我注意到有一个onInputChange={this.change}选择。

测试

被测组件

命令行 要运行测试，我会：

在 package.js 我有这个脚本：

测试设置

和 browser.js 是：

我也尝试过使用此处概述的测​​试方法：https ://github.com/StephenGrider/ReduxSimpleStarter

任何帮助将不胜感激

在我从 ReactSelect 中选择或更改选项后的电子邮件字段（实际上，所有其他字段都将被清除）

怎么来的？

表单.jsx

反应选择.jsx

是否可以为 react-select ( lib ) 设置初始标签？我正在尝试使用值设置初始标签并单击显示选项。

没有找到解决办法

我是 react-redux 的新手，我想用 react-select 创建一个下拉菜单。我像这样创建了我的 DropDown 组件：

我在这里渲染

我的它给了我一个恼人的错误，“元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：未定义”。这是怎么回事？

我正在研究react-select图书馆并面临一些问题，我正在使用图书馆并从中redux-form导入组件。<Field />这样我就可以通过表单将值提交给服务。

<Select>当我使用react-select 中的默认值时，下面提到的代码可以正常工作。我可以从下拉列表中选择值，并且即使在关注焦点时也会选择该值，该值将保持不变。但是选定的值没有通过表单提交，因为redux-form这就是我包装<Select />组件并使用 with<Field name="sample" component={RenderSelectInput} id="sampleEX" options={options} />

但是当我使用我的自定义选择（我包装从表单提交值）时，<Select>组件可以在 UI 中可见，甚至值也是。但无法从下拉列表中选择值...，如果我也选择它，它会显示在<Select>框中，但在聚焦时它会消失。请帮我 ...

渲染选择输入组件：

我正在使用react-select在我的反应应用程序中定义一个选择输入控件。这就是我使用组件的方式：

在选择任何选项之前，我看到一个Select...占位符作为输入值。选择选项后这不会改变：输入值不会改变，Select...占位符似乎是选定的“选项”。

我使用组件的方式有问题吗？

我很想将 react-virtualized-select 与 bvaughn 的 react-select-fast-filter-options 一起使用。我在这里提到了这个例子fastfilteroptions

相关代码：

在调试时，我可以看到 redux 存储被访问并加载了选项数组。

现在选择组件

export default connect(mapStateToProps,mapDispatchToProps)(renderTypeahead) 当我运行它并单击下拉箭头时，我可以看到公司列表，但是在输入搜索时我没有找到任何结果。任何帮助将不胜感激。

我正在使用react-select组件，目前正在通过redux-form <Field />从下拉列表（选择框列表）中选择“其他”选项来显示组件。我尝试了onChange方法，但它不起作用。

下面是我的SelectInput.js

这是我的主页SampleSelect.js

请指导我如何触发onChange方法并<Field />在从react-select框中选择“其他”选项时显示。

需要注意的一件事：我可以将包装react-select框中的值提交到表单，但希望在选择“其他”选项时实现文本字段的显示。请指导。

谢谢，嘘