反应 - 我如何将一个国家传递两个层，然后转到另一个孩子

Question

我有一个来自<Left Child 2/>的状态，我希望传递给<Right Child 2/>。他们俩都有一个父母(上面的一个(，并参考同一父容器。

结构就是这样：

     <ParentContainer />
        |            |
        |            |
        v            v
<Left Child 1/> <Right Child 1/>
        v            v
<Left Child 2/> <Right Child 2/>

如何传递数据，而是在React中的两个层，然后将其传播到同一父母的另一棵树下？

Answer 1

在您的父组件中添加函数和默认的内部状态。然后将功能传递到<Left Child 2/>中，然后调用该功能，该功能将传递的数据设置为父组件的状态，您可以将其传递给<Right Child 1/>。

这里的关键是要为您的数据提供真实的 。

我对其他类似问题的答案也将在您的情况下起作用。主要想法是将回调函数从父级向下传递到多级别儿童组件，然后何时以及如何从孩子组件触发该回调函数。

======

我认为^^：

随意阅读我的答案，这不是那么复杂

强制反应容器以刷新数据(这是类似的问题(

和

重新定位的重新定位类(这是我的主要解释，这是关于如何通过多级别儿童向下传递回调函数以及如何触发它的证明(

======

实际上，当父零件更新时，所有孩子也将被更新！因此，正如上述链接中已经指出的那样，在您的情况下使用通量或redux将是一个不错的接近，这消除了通过许多级别的儿童组件的复杂性