使用可选组标签的react-select

文章/答案/技术大牛

发布

1回答

reactjs、react-select

有没有办法让react-select中的组标签可选？我希望能够进行搜索，除了组标签之外，还可以显示所有相关的项目，并且能够单击并选择组标签(它有自己的ID值)。

浏览 16提问于2019-01-12得票数 1

3回答

在"React Select“中搜索选项时，有没有办法包含组标签？

javascript、reactjs、drop-down-menu、react-select

我使用了react-select来允许用户从选项列表中进行搜索/过滤。但是，搜索中不包括编组标签。我只是想知道是否有任何方法可以在搜索中包括组标签。在下面的屏幕截图中，当搜索"COLOR“时，没有显示组标签”COLOR“及其选项。 ? ?

浏览 22提问于2019-10-10得票数 4

回答已采纳

1回答

选择“添加组中的所有项目”，单击“组标题”

reactjs、react-select

closeMenuOnSelect={false} menuIsOpen={true} /> }, "label": "

浏览 1提问于2020-04-21得票数 2

回答已采纳

1回答

下拉列表即使在有值之后也不会扩展。

reactjs

我面临的一个问题是，我的第二个下拉列表正在接收值，但没有扩展：-class clusterServersDropdown extends Component { <label> <Select className="react-select" classNamePrefix="react-se

浏览 4提问于2022-01-24得票数 2

2回答

如何使用嵌套的optgroup reactjs

javascript、reactjs

我有这个嵌套的optgroup<optgroup label="A"> <option>C</option> <option

浏览 0提问于2021-07-11得票数 0

1回答

有没有办法在浏览器中用jquery触发一个react-select下拉菜单？

javascript、jquery、reactjs、react-select

selelct-dropdown"> <option value="2">Two</option> </select> 对于像这样的普通select，我可以使用以下命令更改所选值 $('#select-dropdown').val(1) 但是当我使用react-select时，浏览器

浏览 6提问于2021-04-01得票数 0

1回答

如何在react-select中禁用自动完成或自动填充？

react-select、react-select-plus

如何在react-select中禁用自动完成或自动填充？我需要一个不涉及输入自定义组件的答案。你们能帮我弄清楚吗？

浏览 23提问于2019-11-27得票数 5

1回答

如何在下拉菜单(选项标签)中显示图标，而不是获取[对象]？

reactjs、icons、html-select

我试图在我的代码中这样做，让下拉菜单上有这些图标。></option>相反，我觉得：[object Object][object Object] 我在网页上得到的输出图片

浏览 8提问于2021-12-26得票数 0

1回答

React选择内联选项

react-select

我正在使用react-select，我想知道如何使用optionRenderer来内联显示我的选项。如下图所示： 

浏览 1提问于2018-04-25得票数 0

2回答

如何将data-testid属性添加到react-select组件

react-select、react-testing-library

使用react-testing-library，我希望测试一个在React中实现的表单。该表单包含类型为react-select的React组件。必须单击react-select组件中没有标签、没有文本等的部分(例如，下拉箭头)。通常，react-testid library的方法是向有问题的项目添加一个“data-testid”属性。我发现，通过为react-select组件提供'classNameP

浏览 119提问于2019-09-06得票数 6

1回答

按住react键并根据id选择解决选项

javascript、initialization、jquery-select2、react-select

对于select2库，有一个名为initSelection的选项，它使用户能够根据选定的值解析标签。 react-select也有类似的功能吗？

浏览 1提问于2018-05-25得票数 0

1回答

将选项数组中不存在的react select中的唯一值持久化

reactjs、react-select

我希望使react-select接受未存储在options数组中的值。我希望使用这个组件来建议值，但也允许用户输入自己的值，并在模糊状态下将其持久化。在我的情况下，选项代表已在DB中定义的建议，在选择选项时，它将自动填充其他相关字段。这在react-select

浏览 3提问于2016-12-15得票数 0

回答已采纳

1回答

需要react-select选项下拉列表中的输入框

javascript、reactjs、typescript、react-select

在我的下拉选项菜单中，我需要一个输入框。场景是，我需要创建一个带有下拉菜单的新选项，但不允许使用react select的自定义标记创建器功能。我在文档中发现我们可以传递一个自定义的选项呈现器组件，我也传递了同样的内容，但当我试图将一个输入框放入我的选项组件中时，我无法获得对输入框的控制。附件中的图片显示了我的选项中的输入，但当我单击输入框时，我无法获得对它的控制。我<e

浏览 0提问于2017-12-26得票数 3

2回答

如何通过另一个输入更新React-Select状态/选定值？

reactjs、react-select

我正在学习react，并试图通过一个按钮更新react-select下拉菜单的state/selected值。单击该按钮时，将调用buttonClick()函数来设置新的状态值，但react-select状态没有更改。下拉列表中的选定标签保持不变。如何更改react-select的状态，使其显示新的选定值？

浏览 71提问于2021-07-20得票数 2

回答已采纳

1回答

如何根据搜索输入在react-select中获得过滤(可选)选项的列表？

javascript、reactjs、react-select

对于带有<Select isSearchable={true}/>的选择组件，使用react-select在幕后执行搜索自动完成建议。它会在用户键入时建议可选的选项，并仅显示下拉菜单中的选项。我想知道是否有可能在输入更改时获得这些建议选项的列表。

浏览 0提问于2021-07-09得票数 0

1回答

反应-选择改变事件的多重礼节

reactjs、select、react-select

这是我的问题。使用当前版本的#react-select，on-change，事件包含值和标签.但我怎么才能把它设置成更多的道具呢？例如，我正在选择一个邮政编码，但我希望它返回城市和该城市的呼叫代码。我确实在选项数组中获得了#react-select的信息谢谢。

浏览 0提问于2018-10-10得票数 2

1回答

Formik，React-Select* & Multiple Variable*

reactjs、next.js、formik、react-select

我有一个现有的select可以与formik & react-select一起使用，但是我不能让它作为一个多项来工作。这是我到目前为止所知道的：import { useField } from 'formik'; export default function谢谢你的帮忙!

浏览 12提问于2021-03-09得票数 0

回答已采纳

2回答

如何不匹配正则表达式中丢失的可选组后面的可选组

c#、regex

<tagName>[a-z0-9\\-]* 这就是我想要的，但它也与我不想要的"tags123“相匹配。我确实看到了这样的问题:我使正斜杠是可选的，我需要在“标记”上匹配它，但是我不知道如何使下一个组在缺少前一个可选组时被取消匹配的资格(不确定这是最好<e

浏览 4提问于2014-03-13得票数 1

2回答

如何在react-select上面选择的选项中插入标题？

javascript、reactjs、react-select

我想将静态标题添加到react-select，它将出现在我当前选择的选项上方。如何使用react-select来完成此操作？谢谢您:)

浏览 1提问于2020-01-14得票数 1

1回答

如何在使用react-select和react refs时获取ref.current dom元素？

reactjs、react-select

我有一组使用react-select包- https://react-select.com/home的react选择。我这样做的原因是因为选择组是一个单一的组件，它需要能够允许用户通过键盘以多种方式导航。空格键和enter键应该允许用户将焦点转移到下一个选择元素。箭头键应该允许用户转到下一个或上一个选择。current === document.activeElement } 但是，对于ref.current，使用<e

浏览 43提问于2021-05-01得票数 1

回答已采纳

点击加载更多