如何获取React-Select选项的值？

文章/答案/技术大牛

发布

1回答

使用react-select和普通字符串数组作为选项

javascript、reactjs、react-select

我尝试使用react-select小部件，并将一个简单的字符串数组作为选项列表传递给它，而不是默认的{value, label}对象。我使用的是react-select 4.3.1，下面是一个简单的例子，展示了我所看到的行为： import React from "react"; import Select from "react-select我知道在react-select中使用普通字

浏览 40提问于2021-10-03得票数 0

1回答

react-select - onInputChange事件没有记录所选选项的值，那么如何获取它呢？

reactjs、typescript、react-select

根据组件文档上的the async示例，onInputChange事件只记录您键入的值，但是一旦您选择了一个选项，所有内容都会被清除。我认为目标应该是获得选定的值…… 我试图找到另一个将返回所选值的事件，但我仍然无法获得它。奇怪的是，没有一个例子涉及到这一方面…… 请告诉我如何检索所选的选项？注意，我使用的是v2

浏览 17提问于2019-02-16得票数 0

回答已采纳

2回答

javascript、reactjs、react-select

如何从React-Select组件的unitOptions数组中获取值？我想把它传递给一个Express文件，这样它就可以作为一个OpenWeather url来显示天气信息。提前谢谢。import React, {useState} from 'react' {value

浏览 108提问于2020-09-12得票数 0

回答已采纳

1回答

如何将react-select与mobx集成？

mobx、react-select

我正在使用react-select在我的web-app中添加一个多选控件。我正在寻找一个很好的例子来将的观察值注入到控件中。我遇到的第一个挑战是以异步方式初始化选项(选项是从服务器获取的，但之后我希望应用常规过滤，不需要异步选项)。有什么好的例子吗？import Select from 'react-select';

浏览 0提问于2016-12-05得票数 2

2回答

如何使react-select选项可滚动

reactjs、react-select

我在react-select中显示了一个选项列表。由于此组件位于屏幕的下缘，因此项目往往会从屏幕上被切断。我的问题是，如何使显示的列表可滚动。以下是我使用的代码。import Select from &#x

浏览 5提问于2019-02-11得票数 4

回答已采纳

2回答

react-select中选项的禁用原因

reactjs、react-select

当我使用react-select时，有没有办法显示为什么某个选项被禁用？类似于option对象中的disabledReason属性？

浏览 6提问于2019-02-04得票数 1

2回答

react-选择更改后onChange不工作选项

reactjs、react-select

我有一个使用react-select的组件，我从属性中获取选项，在选择选项时，我想用其他选项重新呈现选择-它可以工作，但onChange没有触发。import Select from 'react-select'; dispatch(updateOptions()); return

浏览 40提问于2020-06-18得票数 5

1回答

如何通过api使用react-select

javascript、reactjs、react-hooks、react-select

我使用react-select作为自动搜索的下拉列表，导入库并呈现组件： <Select placeholder它是一个对象数组： const data = [ name: 'Bmw' { id: 2, } ] 但是要呈现选项react-select需要使用诸如

浏览 16提问于2021-03-27得票数 1

2回答

多选择从反应-选择与redux-形式不能正常工作

reactjs、redux、redux-form、react-select

它在幕后运行良好，因为当我提交它时，我有所选择的值数据。但是，在访问任何多选择字段(即使我没有选择任何内容)之后，我最终没有任何值(只显示以下内容) const options = [ input.onBlur({...input.value}) }因此，我以redux状态下的<em

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

回答已采纳

2回答

如何让选项成为占位符和强制选择？

react-select

有没有可能有一个预设值，以便‘选择...’不存在吗？目前，selectValue被设置为占位符文本，但如果我不想要占位符文本，选择组件最初是要选择的选项之一，并且没有占位符选项，该怎么办？这可能吗?如果可能，我该如何使用React-select来实现呢？我一直在尝试阅读文档并发现一种方法。在React-select演示页面上，没有一个示例具有预选值，该值禁用查看占位符选项的功能，而是仅选择一个或多

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

1回答

react-select中的"defaultValue“不选择下拉列表中的选项，但"value”选择下拉列表中的选项

javascript、reactjs

我正在学习react，并且遇到了一些我无法理解的react-select行为。我有一个react-select组件，它的值是从一个api调用中获取的。如果我使用defaultValue，则它不会从dropdown中选择值，但如果我使用value，则它会为dropdown选择值。我只是搞不懂为什么defaultValue不能工作。options={options} defaultVal

浏览 19提问于2019-03-08得票数 0

回答已采纳

1回答

有没有办法在保持输入功能的同时禁用选项？

javascript、reactjs、react-select

我想动态禁用react select模块中的选项，同时保持输入选项的功能。我尝试了下面的代码。但它会使整个系统失效。我只想禁用这些选项。我希望这个模块的行为像一个输入字段。我可以有条件地在react-select和input字段之间切换。这就解决了我的问题。但是有没有办法在react-select中解决这个问题呢？

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

1回答

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

reactjs、react-select

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

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

回答已采纳

2回答

找不到模块react-select with material ui示例

reactjs、material-ui、react-select

在我自己的例子中，我正在努力实现一个带有material ui的react-select版本。文档中给出的示例非常复杂。import { ValueContainerProps } from "react-select/lib/components/containers"; import { ControlProps }from "react-select/lib/components/Contro

浏览 0提问于2019-07-03得票数 0

2回答

反应异步选择

reactjs、react-select

我正在与异步选择从react-select中选择进行斗争。我成功地显示了一些defaultOptions，并使用承诺和loadOptions支柱对其选项进行了异步获取。我需要的是更新选项(解决承诺)时，下拉选项显示在点击。有没有一种方法来执行同样的承诺onClick (甚至在onChange中)？我正在使用react-select team 提供的以下代码谢谢你的帮助!

浏览 1提问于2018-11-20得票数 8

回答已采纳

1回答

反应-选择-具有自定义处理程序的可单击值

reactjs、react-select

通过使用react-select，我想了解一下，当所选值(多个)被单击时，如何获取事件。我正在使用带有多选功能(https://react-select.com/home)的react-select。效果很不错，但我想让值可以单击/切换以更改颜色/状态(而不是添加/删除)。最后，以灰色/彩色显示它们，以指示标记的状态，并将底层状态用于后续代码。有没有办法做到这一点?如果有，又是<em

浏览 19提问于2019-06-24得票数 3

回答已采纳

2回答

React-select: Uncaught :无法读取属性'offsetTop‘的null

javascript、reactjs

我已经创建了组件( 100%完全工作)，在将其移动到新目录后，单击中的Select (应该列出所有选项，只列出崩溃)，我将得到：下面是我的代码，在这里我将呈现Select： const {countries} = this.state

浏览 2提问于2018-04-11得票数 1

1回答

如何清除反应-选择的值按钮点击，而不添加它的选项？

javascript、reactjs、react-select

我使用的是react-select，我希望在不将其添加到options属性的情况下，在单击按钮时清除选定的值。问题import Select from "react-select"

浏览 6提问于2021-02-18得票数 0

回答已采纳

1回答

React-选择异步获取

javascript、reactjs、react-select

我正在使用react和react-select，并尝试从api中获取选项。一切都在我身上工作，但我想展示的是，当数据来自api时，将文本加载到react-select中。下面是我的react-select组件： <Select onFocus={this.getData} placeholder="

浏览 19提问于2019-05-21得票数 1

1回答

在异步选择失去焦点后，如何保持选项状态？

javascript、reactjs、react-select

使用'react-select‘组件时，我遇到了选项状态的问题。在'blur‘事件之后，选项被设置为默认选项，但是inputValue仍然被设置。如何避免这样的期权重置？"react“16.8.6 "react-select”2.4.2 我根据文档为组件提供了所有的支持，包括loadOptions返回Promise，它解决了选项列表，defaultOptions为true，cacheOption

浏览 15提问于2019-07-05得票数 2

回答已采纳

点击加载更多