Reactjs另一个将数据从子组件传递给它祖父母组件而不传递回调?

时间:2018-01-14 11:39:28

标签: reactjs

如何轻松完成这项工作?我使用Angular,所以我不会经常考虑这个问题,因为Angular会自动执行此操作。在Angular中,我可以将一个变量从控制器传递给任何"孩子"任何深度的指令,当该变量发生变化时,它会渗透到使用它的所有指令和控制器中。

然而,在React中,必须使用回调,然后通过React组件的层传递:passing data from child to parent component - react - via callback function

我使用上面的解决方案通过3个不同的React组件传递单个变量:

APP - >表 - > ROW_TABLE

编辑:并不是我不了解如何通过组件层传递变量。我认为必须有更简单的方法来做到这一点。

我认为这个解决方案非常复杂。请记住,我们通常会处理超过三个组件"在现实生活中。有人可以给我一些关于如何做到这一点的建议'对' ?

我现在只学习React一天,所以我必须错过一些东西。谢谢

1 个答案:

答案 0 :(得分:0)

如果你想通过许多孩子传递一个变量,在React中最正确的方法是将它们传递给props

如果您不想使用此方法,可以使用状态管理库,如redux。

如果您希望使用纯React执行此操作,则可以使用组件的context,但不建议这样做。

详情了解context https://reactjs.org/docs/context.html