Reactjs将道具传给2个组件

文章/答案/技术大牛

发布

1回答

javascript、reactjs

在我的项目中，我有一个有条件地渲染2个条纹元素(PaymentRequestForm.js和CheckoutForm.js)的付款表单，我已经将道具从主表单组件FullfillRequest.js传递到PaymentRequestForm.js，但是我正在努力将同样的道具传递到CheckoutForm.js。该道具的功能是使提交后，条形付款是完成表单。在当前的设置中，错误是this.props.setComplete()在CheckoutForm.js中未定义。

浏览 8提问于2019-09-27得票数 1

回答已采纳

1回答

如何将数据从管理员传递到资源

reactjs、react-admin

我有关于app.js的道具。我想把这个道具传给另一个子页。我可以在chrome上的reactjs组件工具中看到它。但是Store.js页面上看不到storeId。

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

1回答

响应将道具传递到另一个组件

reactjs

我想把道具传给另一个组件。具体来说，当用户单击提交按钮时，我希望将道具传递给另一个组件。出于某种原因，这似乎不起作用.是否只有一些地方可以将道具传递给儿童组件。

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

回答已采纳

1回答

如何将不同的道具传递给父组件中的不同子组件？

javascript、reactjs、react-hooks、react-props、rerender

我正在尝试理解ReactJS中的渲染。我正在学习YouTube的这个教程，但我想更好地掌握这个主题。该视频解释说，如果您传递子组件然后它将触发父级和子级的呈现。我想把道具传给一个特定的孩子？说我想把道具传给50岁的孩子(或其他孩子)。那我该怎么做呢？import React, { useState } from '

浏览 5提问于2022-05-23得票数 1

1回答

将isLoggedIn useState从登录组件传递到app.js

javascript、reactjs、use-state

我在我的useState中有一个叫isloggedIn的App.jsfunction Login(props) { const [password

浏览 4提问于2021-02-07得票数 1

回答已采纳

1回答

将道具从子组件传递给父组件

reactjs、redux、next.js、components、state

在Radiooptions中，我使用了一些useState挂钩，我想将这个状态从Radiooptions组件传递给它的父组件(PassGen)，然后从那里传递状态toGet Button组件来检查某些条件

浏览 5提问于2022-07-08得票数 2

回答已采纳

1回答

访问中继状态而不传递道具

javascript、reactjs、react-context、relay、react-relay

我现在正在学习Relay，我想知道是否有一种不需要传递道具就可以进入这个州的方法。我认为Relay使用了React上下文，但是，在所有示例中，它们似乎都使用道具传递状态，而不是直接访问上下文存储。我担心的是，我会开始有很多道具被传给组件。此外，在我的应用程序中，很难将道具传递给某些组件。

浏览 6提问于2021-12-23得票数 1

1回答

使用反应性路由器v4将道具传递给子组件

javascript、reactjs、react-router、react-router-component

*我把道具传给子组件这是如何在使用新的v4 API的反应性路由器<Match />中完成的？API中使用<Match />方法：使用ES6扩展语法将<e

浏览 1提问于2016-11-04得票数 4

回答已采纳

2回答

如何使用TypeScript在React Native中将道具传递给StyleSheet？

typescript、react-native

我想创建一个自定义按钮组件，它可以将道具传递给StyleSheet。在这个项目中，我想发送的道具是十六进制代码，这样组件就可以根据传递给组件的颜色道具有不同的颜色。container: { borderColor: borderColor, }); 其思想是将props传递给组件，然后将其传递给可触摸组件上的

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

回答已采纳

3回答

不在setState上重新渲染React.js

javascript、reactjs、meteor、state、setstate

我希望你能在这里提供帮助，因为我已经在这个问题上挣扎了一段时间了，我正在尝试改变悬停时显示的图片，我正在从子组件(passSingleImage)中获取新图片的url，一旦我收到新的url，我就重置状态，我也console.logging新的状态，它确实在悬停时被更改了，但是组件没有重新渲染！这是我的主要组件，其中的状态已更改... constructor(props){}else { return

浏览 11提问于2017-08-22得票数 0

2回答

在Navbar中嵌入一个反作用组件的不良实践？

reactjs、react-router、components、navbar

在Results组件中嵌入Navbar页面组件是一种糟糕的做法，因为它中有搜索栏，而且我可以将输入值作为Navbar组件的支柱传递给JSX中的Results组件吗？

浏览 6提问于2022-02-14得票数 0

回答已采纳

1回答

父组件能显示子组件状态吗?？

reactjs、redux

contentObjectId)} </ResizableAndMovable> );}但是我想显示位置x，y，如何在父组件中得到

浏览 1提问于2016-09-23得票数 0

1回答

使用带有继承道具的渲染道具

reactjs、storybook

我正在使用React中的表单项组件，它使用呈现道具将数据传递给其子组件，子组件充当表单控件，例如输入、选择、Textarea等。呈现道具在表单项和输入之间很好地工作。不过，我现在想将FormItem包装在另一个组件(模板)中，以便在童话簿应用程序中显示它。模板组件将有道具，然后需要传递到表单项，然后表单项将其传递给输入。代码结构如下所示。然而，我正在努力想出如何把道具从祖父母传给父母。

浏览 4提问于2022-10-17得票数 0

1回答

在Gatsby.js中，仅用于特定页面上的组件的特定样式

components、gatsby

我有一个用于布局组件的Header组件，它用于构建我的Gatsby站点上的页面。有一个特定的页面，我需要给我的页眉一个不同的背景色。问题是页面上没有页眉组件，只有布局组件。我最终通过在页眉和布局中添加了一个背景色道具来完成这项工作。我先把颜色传给布局，然后再传给Header...Is，这是最好的方法吗？感觉不是很好。

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

回答已采纳

2回答

每次使用相同的给定道具渲染React Memo

reactjs

我尝试在我的功能组件中使用React.memo。它从父组件中提取道具。但是我把同样的道具传给了我的'memo‘，component.It渲染了我使用React.Purecomponent.But时发生的每一次组件事件，而我使用shouldcomponentupdate rerender当我调整窗口大小时，handleResize调用和我的头reseted.This意味着我的切换现在是false ]

浏览 0提问于2019-02-15得票数 5

1回答

handleSubmit处理程序的正确实现[React]

javascript、reactjs、redux、react-redux

从LogIn元素中，我将一个没有e.preventDefault定义的处理程序传递给LogInForm Question#1：我做错了吗？Question#2：需要在PureComponent或组件类中包装LogIn吗？

浏览 2提问于2020-07-16得票数 0

1回答

无法使用react中的属性在组件之间传递值？

javascript、reactjs、highcharts、react-hooks、react-props

我试着用道具将点击的值传递给另一个组件，但不知何故不起作用。组件1： const [state, setstate] = useState({cont:""}) changeState('XYZ') }}>XYZ</div>, '1268,147'

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

1回答

将道具传递给儿童时未定义的错误

javascript、reactjs、react-native、react-props

我跟着的问题来学习如何把道具传给孩子们。不过，我自己的组件出现了错误。props.test); <DataWrapper> </DataWrapper>} 我正试着把test道具从DataWrapper传给Migration。我是不是不正确地通过了test道具？我应该怎么做才能成功地把道具传递给孩子们？

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

回答已采纳

1回答

不传给组件的道具

javascript、reactjs、next.js

我试图将状态函数setMyChoice作为支柱传递给摇滚、纸张、剪刀、Nextjs应用程序中的GamePlay组件，以便生成一个比较值。在游戏组件中，我将一个道具传递给组件PlayButtons，如下所示。在PlayButtons中，我无法访问函数setChoice设置的值，该值将与生成的随机值进行比较，以确定玩家是否赢、输或平局。

浏览 5提问于2022-04-20得票数 0

1回答