React将值从下拉列表传回父组件

文章/答案/技术大牛

发布

2回答

javascript、reactjs

我的父组件看起来像这样： <Dropdown items={companiesData} handler={handleClick} />const Dropwdown = ({ items, handler }) => { <select onChange={handler}>{`${companyName}, ${companyType} `} <&#x

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

回答已采纳

1回答

ReactJS -如何在同一事件中将数据从子组件传递给父组件&父组件传递给子组件？

javascript、reactjs

; } )}; 在这里，onChange事件是CategorySelector组件中下拉列表的事件(是一个子组件)，我得到所选的值并将其传递给父组件，即ProductComponent。这反过来触发对API的ajax调用，该调用将根据所选类别返回产品列表。，直到这个没有问题，现在，在同一事件

浏览 4提问于2022-01-18得票数 0

2回答

在选择选项更改时将道具从子组件传递给父组件

javascript、reactjs、redux、ecmascript-6、dom-events

我有一个select下拉组件作为子组件，其中选项(类别列表)是由父组件中的componentDidMount上的API生成的。当用户选择选项(类别)时，必须将选定的值传递回父component.The父组件，根据所选值执行get请求，并将结果作为选项(产品列表)传递给另一个具有select下拉列表的子组件。我希望将</e

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

回答已采纳

1回答

UI状态与Redux状态

reactjs、redux

所以我的应用程序有3个下拉列表，一个分页组件和一个表。例如:州和城市。react.org示例讨论了如何提升状态。因此，显示所有三个下拉列表和表格的父组件维护跟踪选择了哪个州、城

浏览 0提问于2018-07-18得票数 0

1回答

将select对象传递回React下拉列表中的父对象

javascript、reactjs、ecmascript-6、state、react-props

我有几个关于React dropdown组件的问题。基本上，我希望从下拉列表中将选定的对象返回到父组件。现在，下拉列表正在工作，我似乎能够从下拉列表组件中返回父级的{this.state.selectedUser}。唯一不起作用的是缺省值。在父组件中，我希望将从下拉列表中选择的对象的一些详细信

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

1回答

状态更改后的React渲染器子组件

reactjs、react-hooks、react-functional-component

我在React中有一个呈现@material-ui表的组件(如果重要的话，可以通过React路由器访问)。在表格中，我有一个react-select下拉菜单，但是它是通过单独的组件呈现的。显然，我将在下一秒获得的GameTypeSelector将呈现下拉列表，并且gameTypes包含该下拉列表的选项。setSelectedGameType应该更新一个本地状态变量，该变量将在每次下拉</em

浏览 14提问于2019-12-14得票数 0

1回答

将值从窗体传回父级

reactjs

我正在用一个非常简单的方法把值传回给一个家长，但是我很难理解它是如何做到的。我正在尝试的应用程序非常简单。一个功能子组件有一个下拉列表，用户可以在其中选择一种颜色来更新主app.js上的状态，这会更改div的背景色。我希望有人能帮我填空。我知道我需要一个函数来传回值给父对象。但却很难把这些点联系起来。我可以通过简单地将表单放在app.js中并使用ref来做到这一点，但这个练习的目的是理解如何向父母看重。感谢react</

浏览 13提问于2019-04-12得票数 0

1回答

Semantic下拉列表:您能动态地设置值吗？

javascript、reactjs、semantic-ui、semantic-ui-react

我正在使用semantic-ui-react的下拉列表。语义-ui下拉列表位于我的Artists组件中，该组件正在使用它的父组件App。现在，下拉列表运行良好，如果您从下拉列表中选择一个名称(艺术家)，那么将调用handleArtistSelection函数，并将该艺术家的名字传递给它。大部分代码如下所示。但是，还有其他方法来设置下拉</

浏览 7提问于2022-01-01得票数 0

2回答

如何在React* data表中设置paginationRowsPerPageOptions['ALL'，'50'，‘100’]*

reactjs、react-native、react-hooks、react-data-grid、react-data-table-component

大家好，我正在使用React data组件来显示数据.我的react数据表运行良好。但是，我需要设置分页选项All，50,100,150。在React-data组件中，提供了"paginationRowsPerPageOptions“属性来设置分页下拉列表的值。我在我的项目中设置了页面50,100,150。它很好用。当我从分页下拉列表中选择100值时，将

浏览 13提问于2021-12-20得票数 1

1回答

当我使用React* Hooks将布尔值从子组件传递到其父组件时，会出现什么问题？*

javascript、reactjs、react-hooks、gatsby

我目前正在尝试修改我的Gatsby站点上的下拉菜单组件，以便它将布尔值报告给它的父组件导航栏。我计划使用这个布尔值在情绪中触发一些条件CSS。布尔值isOpen报告下拉菜单是否打开，因此true表示它是打开的，false表示它没有打开。到目前为止，我正在使用React Hooks将数据从子组件传递到父组件。看起来我成功地传递了数据，但是当我单击下拉</e

浏览 17提问于2020-04-24得票数 0

2回答

如何在Reactjs中实现两个组件之间的通信

reactjs

为什么我的数据不能传递到另一个组件？我的想法是在用户选择选项标签，然后它将加载一些音频文件的基础上的选择。但这不管用。我错过了什么？import React from 'react'; </

浏览 1提问于2018-03-13得票数 0

3回答

子组件不使用更新的道具重新呈现。

javascript、reactjs

我有一个子组件，它在DOM中查看和创建画布元素，然后useEffect()将东西绘制到这些画布上： })} </tbody> );它的父组件是/Table&

浏览 5提问于2022-02-21得票数 0

回答已采纳

1回答

为什么React教程建议将子组件状态存储在父组件中？

javascript、reactjs、oop

根据的React教程这似乎与良好的OOP实践相矛盾，即每个对象都保持自己的状态。

浏览 1提问于2017-06-18得票数 1

3回答

如何在使用css下拉列表作为共享组件时设置和获取窗体值

javascript、angular、typescript、angular-reactive-forms、angular4-forms

我有一个共享组件，它是一个html和css下拉列表。我从具有不同数据的父组件调用这个共享组件。另外，如果为任何下拉列表设

浏览 0提问于2019-04-24得票数 1

回答已采纳

7回答

如何在ReactJS中将数据从子组件传递到其父组件？

reactjs

我尝试将数据从子组件发送到它的父组件，如下所示： getInitialState() {<SelectLanguage onSelectLanguage={this.handleLanguage}/> );下面是子组件： export const SelectLanguage

浏览 114提问于2016-07-15得票数 316

回答已采纳

1回答

如何从标头组件中获取值？反应导航

react-native、react-navigation

我有一个按钮在我的标题右，打开一个下拉组件。该组件允许用户在用户单击“apply”按钮后进行一些选择并应用该选项。按下“应用”按钮后，它应该能够将值传回“主屏幕”组件。如何将值传递回“主屏幕”？编辑:我尝试将useState函数传递给header组件，以便在按下apply按钮后更新状态，方法是使用react导航道具中的setParam传递它。还有其他更好的方法来获得价值吗？

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

2回答

将数据从表单发送到ReactJS中的父组件

javascript、forms、reactjs

我有这个AddUser组件，它是一个获取电子邮件地址的简单组件，以及一个从下拉列表中获得的角色，然后将这两个值传递给父组件。除了一件事，一切都很好:如果我首先输入电子邮件地址，然后选择角色，onChange()就不会从下拉列表中获得值，并将null传递给父组件。这个组件有3个道具：roles是一个字典，我正在从它创建rolesList，以便将它用

浏览 3提问于2017-03-10得票数 4

回答已采纳

2回答

如何在将道具传回父组件时触发useEffect

react-navigation、react-navigation-v5

这个问题是针对React Native应用中的React Navigation5的。将道具传回母屏时，如何在母屏中设置useEffect的触发器？country_name: country, calling_code: calling_code};useEffect(()=>

浏览 8提问于2021-03-08得票数 0

回答已采纳

1回答

从useState挂钩反应中呈现项目

reactjs、state、use-state

我已经使用useEffect调用了我的api，并使用useState钩子存储了项的数组，但我发现很难将这些项呈现到一个自定义组件中，该组件也将传递数据。下面是我的react代码片段： export default function CreateCast() { consthandleClickOpen(){}; setOpen(f

浏览 16提问于2021-04-21得票数 0

回答已采纳

1回答

react应用程序，根据下拉选项加载组件

javascript、reactjs

目前，在我的react应用程序中，我有一个父组件，它包含两个子组件(TrendsComonent和BaselineComponent)，并且它们加载成功。父组件还加载了一个下拉式组件。我想要做的是设置一个默认组件最初加载到父组件中，但我希望将每个子组件映射到下拉选项。例如，当访问父组件时，我希望将</e

浏览 24提问于2020-03-18得票数 0

回答已采纳

点击加载更多