MainComponent
ComponentA
ComponentB
MainComponent包含ComponentA和ComponentB。当ComponentB改变状态时,我想获得更改的值并将其传递给ComponentA,然后将ComponentA的状态更改为具有该值。
答案 0 :(得分:1)
您可以在ComponentB
中保持MainComponent
状态并通过回调进行讨论,或使用redux
进行状态管理。遗憾的是,react
不是状态管理工具,因此执行您要求的任务可能会很繁琐。
答案 1 :(得分:1)
这不是切换到redux / flux的理由,通过维持MainComponent
中的状态可以轻松解决您的问题。实际上,让您的孩子组件ComponentA
和ComponentB
保持自己的状态,这是React的最佳做法。
尽量保持尽可能多的组件无状态,并在层次结构中有一个有状态组件,通过props
将其状态传递给子组件。对于您的示例,MainComponent
应该是一个管理所有子组件状态的有状态组件(ComponentA
和ComponentB
)