如何更新React select列表

文章/答案/技术大牛

发布

1回答

reactjs

我试图从React select更新一个列表，但它无法更新，我不知道为什么会发生这种情况，我认为我的handleChange()方法有问题，但我没有得到的问题是什么。谢谢！代码：- import React, { Component } from 'react'; class extends<

浏览 34提问于2021-05-10得票数 1

2回答

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

reactjs、react-select

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

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

回答已采纳

1回答

React dropdown问题-如何一次停止所有更新中动态创建的下拉列表

javascript、reactjs、dynamic、react-hooks、dropdown

我使用React钩子动态呈现了一个很大的卡片列表，每个组件都有自己的下拉列表。如果我选择一个更新组件状态的选项，每个下拉列表都会更新为相同的值。我已经尝试实现了React的select an option和单独的React-dropdown，但我的方法都不起作用。我认识到问题在于，当任何dropdown被更新时，它们都引用状态中的相同值，如果我注释掉状态更新dropdown工作。我只是没有捕捉到状

浏览 3提问于2020-02-18得票数 1

1回答

在选项Material-UI React中选择第一个元素

javascript、reactjs、material-ui

大家好，我正在使用React Material UI select。当我更改选项时，我触发了onChange方法，并在选定的值上添加属性，那么我如何将项目的第一个选项设置为选中。false }); > </Men

浏览 0提问于2020-08-06得票数 0

2回答

在React* JS中传递和更新具有多个组件的父级的属性/状态值*

javascript、reactjs、react-props、react-state-management、react-state

我有两个组件，一个选择列表在一个组件中有几个选项，另一个组件中有一个按钮。我希望在UI中，您可以从选择列表中选择任何选项，也可以单击按钮将选择列表重新设置为“select”。这两个组件都在父组件中，也就是渲染的组件中--我试图保持父组件作为“单一的真实来源”，这样选择列表可以在被选中时更新它的值，然后重置按钮也可以更新这个相同的值。我已经写了我认为这应该是如何工作的，但是选择列表停留在第一个项目上，重置按钮没有更新

浏览 1提问于2019-01-29得票数 0

3回答

如何通过单击react中的update按钮更新下拉列表

javascript、reactjs

我想在输入字段中给出一些文本，单击“更新”按钮后，应该在下拉列表中更新，但它不起作用。import React from "react"; const [input, setInput] = React.useState(''); setInput(e.target.value);ret

浏览 11提问于2021-12-20得票数 5

回答已采纳

1回答

如何在React应用程序中外部化选择选项？

javascript、reactjs

我有一个React Redux应用程序，它有各种选择框。现在，我将其硬编码到js文件中。我需要这些用于以下页面:编辑配置文件，查看配置文件，搜索选择。我认为在每一页上都有这么长的列表是没有意义的。如何外部化这些选项-我想将其存储在一个单独的JS文件中，并仅在需要时使用这些选项。import React from '

浏览 14提问于2018-08-19得票数 0

2回答

在React中管理多个下拉列表的状态(语义UI)

reactjs、semantic-ui-react

我如何能够修改我的handleChange函数，使它知道它正在接收从'Select‘下拉列表或'Select’下拉列表中的值，以便我能够相应地更新状态值(“成员”和“小时”)？import React, { Component } from 'react' class Dr

浏览 2提问于2017-07-17得票数 2

回答已采纳

5回答

在React中，如何在多个选择下拉菜单之间更新状态，每个下拉菜单都有相同的选项？

javascript、reactjs、redux、react-redux

我有一个问题，我必须渲染4个下拉列表，每个都有类似的选项(我在这里只渲染了1个)。如果我在任何一个下拉列表中选择了一个选项，则该选项在其他三个下拉列表中应该不可用。如何更新状态中的selected_planets？下面的代码从1select dropdown更新selected_planets。我应该如何继续？另外，API fetch的响应是一个对象数组，我在planets Array中对其进行了映射和更新。为了演示的目的，让我们考

浏览 0提问于2019-09-30得票数 5

1回答

如何从reactjs中的元素中删除添加的类

javascript、reactjs

style="color: ${draggableElement.style.color};"></i>`;如果找到每个匹配的用户都可以进入下一个级别，那么我的问题是这些额外的类将留在那里，我如何删除它们data-brand={x} </div> );} 我似乎无法解决这个问题，比如当有正确的匹配时，如何删除我添加的所有类

浏览 6提问于2021-12-15得票数 0

1回答

将Select.Creatable与React最终形式一起使用

reactjs、react-select、react-final-form、final-form

我如何在react最终表单中使用这样的组件。目前我尝试在表单中使用react-select的Select.Creatable，但是一旦我从下拉列表中选择了一些东西并更新了状态，表单就变得清晰了，即回到了它的初始状态。请帮帮忙！

浏览 10提问于2019-06-14得票数 1

回答已采纳

0回答

如何动态创建ReactJs下拉菜单的选项？

javascript、reactjs、flask

我正在尝试更新现有的React select (dropdown)，以包含当前服务器上的所有用户。我在服务器上有一个所有用户的数组，我只是不能让我的dropdown在数组更新时进行更新。onChange={this.handleChange}> Pick your favorite La Croix flavor:

浏览 4提问于2016-12-23得票数 1

1回答

使用react更新<select>

javascript、reactjs、use-state

我有一个可以选择的标签选择，但我有一个下一步和上一步按钮，应该更新选项。我试图在每次单击按钮时使用sort()来完成此操作，但是当我选择该选项，然后使用next按钮时，select不再更新。如何使用状态动态更新select选项并使其工作？atualizarLista = (e) => { } <selectid=&

浏览 21提问于2020-07-24得票数 0

回答已采纳

3回答

Axios动态反应选择

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

我想在coffee_beans的表单上添加一个select下拉列表，该下拉列表包括id和country_name字段。我需要将id提交给coffee_beans表。我可以通过axios检索数据，但我很难在下拉列表中显示数据。import axios from 'axios'; import Select from 'react-

浏览 1提问于2019-01-06得票数 0

1回答

反应-选择-如何在OnChange发生之前获得形式的文本值？

javascript、reactjs、react-select

因此，我正在为我的一个网站开发一个搜索栏，我正在使用的一个组件react select遇到了一些问题。console.log("Searching google index"); default: } };在选择新值之前，我不知道

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

1回答

React不填充示例中的选定项

reactjs、react-select

我试图在我的应用程序中使用react select ()，我有一个选择框，它的选项是动态加载的(即，我调用后端来获取数据)。现在，我可以看到在下拉列表中填充的所有选项，然而，当我单击任何一个条目onChange()事件时都能工作，但是元素并没有从下拉列表中去填充，而是像一个标签一样显示在顶部，如官方示例所示。onChange={this.addLanguage} value="id"这向我展示了UI上的内容：在这里，

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

回答已采纳

2回答

React select onChange不更改选定值

javascript、reactjs、select、state

我有一个React组件，它呈现了一些html，部分html是一个select元素。下面的代码用于显示初始select元素的默认值，并在您选择其他元素时更改所选值。我的问题是，我有一个人的列表，当你点击其中一个人时，页面上使用该列表的部分的值将更新为该人的值(姓名、电子邮件等)。我相信这些更新都是正确的，因为this.props.agent已经更新了。我的问题是，select元素没有考虑到this.props.agent中的更改，从而为

浏览 38提问于2018-12-28得票数 2

回答已采纳

1回答

删除动态添加的项目[按住react并选择]

react-select

我使用的是react-select控件。下拉列表中显示的项目是固定项目和动态添加项目的组合。我希望能够通过在标签旁边添加一个图标，直接在下拉面板中删除动态生成的项目。当点击时，这将删除该项目。这只是一个更新状态的例子。我的问题是如何将UI添加到react-select下拉面板中，并在它被点击时触发一个click事件。

浏览 19提问于2019-09-03得票数 1

1回答

在使用TextField (或窗口)时无法选择项

material-ui、react-virtualized、react-window

当使用TextField 作为具有大型数据集(1000个项)的Select字段时，在挂载/卸载列表时会出现明显的延迟。(''); <TextField onChange={newValue => setValue(newValue)} <TextFie

浏览 0提问于2019-09-05得票数 3

1回答

React更新<select>时<option>更新

reactjs、typescript3.0

我制作了一个简单的组件来用来自REST或本地数组的条目数组填充<select>。DataSource source="/api/region/country" idField="id" captionField="name" /><ComboBox>基本上是一个带有select>} 这是<Datasource>类

浏览 0提问于2018-12-02得票数 0

回答已采纳

点击加载更多