问题标签 [react-select]

我正在使用https://github.com/JedWatson/react-select在 UI 中显示一组单选/多选列表。现在我需要一次清除所有字段值。

Clearable在文档中，有一些选项可以在元素 -属性中或旁边添加一个清除按钮。但我想从容器组件级别的元素外部调用它，例如使用 redux 状态。

组件结构如下：

我已经检查了这个解决方案React-select clear value while keep filter但它是关于设置现有值而不是完全删除该值。

我的代码

在我点击新选项之前：

单击新选项后：

单击新选项后所需的 UI 状态：

由于我不确定使用 onNewOptionClick 的确切方式，因此没有将其作为问题发布在 Github 上。

我必须创建一个带有异步选项的下拉菜单。我发现 react-select-plus 是最好的解决方案，因为它同时支持选项组和异步选项。但是在示例中，我看到异步选项与简单的折叠一起使用。我想要一些东西，比如当我输入一个字符串时，下拉列表必须折叠，但采用组值格式。关于如何实现这一点的任何想法？

我正在使用 react-select 在我使用 react-modal 创建的模式上有一个选择字段。如图所示，资产未正确显示（箭头未显示，可显示列表未正确显示）。

modal 有一个自定义的 z-index（因为它显示在另一个具有自己的 z-index 的元素的顶部），方式如下：

我认为这是问题所在，但我无法将 z-index 正确添加到 react select 以正确显示 ir。

如果需要，我可以添加模式和选择的代码。

我有一个带有反应选择的 redux-form。预期的行为是，当我在选择字段中键入时，我调用了 redux 操作（通过使用 OnInputChange）。但我不知道如何调用这个动作。调用该操作的行在下面的代码段中进行了注释，因为它失败了 ( this.props.getArtistSearch(value))。关于如何在用户输入时正确调用操作的任何想法？

我正在使用 React-Select Plus 控件来绑定 React 中的下拉菜单。我在 React 中绑定异步选项组下拉时发现问题。这是我的代码：

我参考这个网址：http: //github.hubspot.com/react-select-plus/

请帮我。

我正在尝试遵循react reducer/selector 模型，但是在reducer 完成填充存储之前调用了选择器。

在我的减速器中，我设置了一个减速器，因此case: FETCH_API_CATEGORIES_OK将返回以下函数：

在我的选择器中，我映射 state.categories（对象数组）并对其进行一些额外的逻辑处理（排序等）并返回{...state, categories: sortedCategories}。自然，我得到一个TypeError: Cannot read property 'name' of undefined因为使用选择器的组件在异步调用完成之前还没有类别。防御这种情况的最佳方法是什么？

HTML 中下面的两个select' 都受到相同的 CSS 代码的影响，但是我需要应用不同的 CSS 代码来以不同的方式影响两个select'。我该怎么做呢？具体来说，我需要content每个不同的属性。目前，所有选择都具有所有这些 CSS 属性。

CSS：

HTML：

我有一个 Rest API，它以 json 格式返回数据：

我需要这种格式的数据：

获取数据后，我使用以下代码以所需格式映射数据：

这里的变量版本等于 Rest API 返回的数据的单个值

任何帮助，将不胜感激。

我在 react 下拉菜单中使用 react-select-plus 控件。我是参考这个演示点击这里。并且包是npm 包。当我使用工作正常的空间搜索任何数据时。示例如下屏幕截图：

现在，我的问题是在数据中，该词中有特定的逗号，然后不起作用。示例如下屏幕截图。

现在，我希望的结果是在我的搜索条件中忽略逗号并给我该数据。

我该如何解决这个问题。