有两个父母的组件子项



我是Ractsjs上的新手,现在我在Plural sight上进行了课程,情况是闲置的,我有一个组件(孩子(,他是儿子,一方面我还有一个组件2(父亲(,他发送"道具"给组件3(儿子(使用它们;另一方面,这个组件3(子(想要向另一个组件1(父(发送回调函数

在rest中,这是我的模式:
Component1 Component3|带callbaclk |带道具||
└组件3┘

::seek-child从组件(parent1(上接收"props",而这个seek-child组件需要向另一个组件(parent2(发送回调函数。。。。。。。。。我该怎么做??

提前thks

pd(我附上了我的代码https://github.com/jmonteros81/Building_-Applications_React

在此处输入图像描述

回调用于将数据从子级发送到父级。回调只是简单的函数。因此,您必须在父组件中编写一个回调,并从您要向父组件发送数据的子组件调用该回调。在父组件中定义一个函数。

getAndPassValue(value) {
this.setState({ count: value });
}

在渲染中,将此函数传递给您的子

<ThirdComponent getAndPassValue={this.getAndPassValue} />

在要将数据传递给父组件的子组件中,调用此函数。

<button onClick={() => this.props.passvalue(5)} />

现在将此计数从父传递到您的第一个子组件

现在,您可以使用this.props.count在FirstChild组件中访问此计数,并且您可以从第三个组件获得5个传递的值。

最新更新