问题标签 [react-select]

我正在尝试将此组件与使用 es5 的异步选项一起使用。我的 componentDidmount 中有一个服务调用，它使用回调设置学校数组：

它将学校列表设置为状态数组

服务：

如何使用文档中的示例进行设置？我将把这样的异步版本的服务调用放在哪里并生成选项列表？

MY 组件使用以下方式呈现：

我收到此错误：

Uncaught Invariant Violation：元素类型无效：期望字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。检查TableModalComponent.

我在页面顶部有它：

我有一个基于https://github.com/kriasoft/react-starter-kit的通用 React 应用程序

在我的一个组件中，我正在尝试实现 react-select https://github.com/JedWatson/react-select

我将示例目录中的 CSS 复制并粘贴到我的 scss 文件中，当我拉起应该具有选择的模式时，它只是一个压扁的、微小的输入字段，根本没有任何样式。不知道我在这里缺少什么。

'./Modal.scss'; 是直接从 github 示例复制的样式表。

当我查看开发工具时，没有将 css 选项应用于该字段。

我正在使用react-select并尝试通过 ajax 调用使用onInputChange道具动态更新选项数组，这里的问题是由于 DOM 更新，每次用户按下键时文本输入都会被重置。我的代码如下

我试图在这里得到的是类似于 stackoverflow标签输入的东西（类似但不完全相同）

我将react-select与Grommet结合使用，并在 Grommet FormField 组件中进行选择，如下所示：

在较小的屏幕上，它可以正常工作：

但在较大的屏幕上，选择内容可以在父 (FormField) 容器内滚动：

如果我切换position: absolute到关闭，则选择内容显示在容器外部，但会调整整个表单的大小：

关于还有什么要检查或尝试的想法？

我的意图是使用 react-select 创建一个多选组件。我无法解决 react-select 的一个小问题。我需要将以下内容放在助焊剂商店中。

1. 用户已经选择的值。这是通过valueArray属性传递的
2. 要在选择列表中填充的值。这是通过options属性传递的

当用户在输入框中输入内容时，该输入值会使用onInputChange钩子捕获，这会引发一个通量操作，该操作会使用要填充的新值列表更新存储并发出change事件。现在的问题是，当change事件发出时，组件会使用选定的值和新的选项集重新渲染。发生这种情况时，用户为过滤选项键入的值会丢失（因为valueArray）会重新呈现。有什么方法可以在 react-select 中保留过滤器文本而不将选项移动到通量存储之外？

我想知道是否可以在react-select中启用 html-tag 支持。

我正在使用 promise 回调函数来注入建议列表，并<em>在结果中添加了标签..

但是没有办法告诉 react-select 将其视为 html 标记。

怎么做 ？

我正在尝试将属性传递给来自其他组件的 react-select 元素，但出现以下错误

Uncaught Invariant Violation: addComponentAsRefTo(...): 只有 ReactOwner 可以有 refs。您可能正在向未在组件render方法中创建的组件添加 ref，或者您加载了多个 React 副本

我在此处查找错误的在线和 fb 文档https://gist.github.com/jimfb/4faa6cbfb1ef476bd105

并尝试了可能的解决方案，但仍然没有解决问题。

我正在使用reactver15.1并且react-select是1.00 beta版本

这是示例代码：

在我的app.js：

在我的resuable.js：

我们如何在输入框下方显示选定的值。

用例：

我们正在使用 react-select 的多项选择，当我们从选择框中选择值时，它会在选择的输入框中出现。我们可以有一种方法或其他东西来获取输入框之外的选定值（就在它下面）

提前致谢！

我在我的一种形式中使用 ReactSelect：

我想呈现一个自定义optionsComponent：

通过查看示例，您可以呈现自定义组件，因此我已经测试过：

这应该<span>Testing Text</span>在每个孩子面前呈现。但事实并非如此。我究竟做错了什么？

我的最终目标是让我的选项显示各种数据，如下所示：

我正在使用反应选择。

目前我正在从 elasticsearch 获取数据并将其设置为状态：

后来我使用this.state.titleResults并将其传递给我的 React-Select 组件：

这工作正常。但是现在我想在用户搜索我的 React-Select 组件选项时传递与此标题相关的额外元数据。像这样的东西：

我只是传入{value: obj._source.title_id, label: obj._source.title_name}，但我想传入更多信息以供我的DropdownOption组件使用：

您将如何将更多信息传递到此组件中？