javascript - 当需要在不同组件之间共享 react 状态时，最好的方法是什么？

Question

我有一种情况，我有一个组件，我希望它成为保存应用程序状态的组件，并且它没有子组件，并且我希望其他路由中的其他组件连接到第一个组件状态.

我会给你一个例子来说明我的意思:

//this is the stateful component 
class A extends React.Component{ 
  state ={
    data:{}
  };

  render(){
   return (
    <div>
     {Object.keys(this.state.data).map(key=> <h1>{this.state.data[key]}</h1>)}
     <Link to="/routeB">Button</Link>
    </div>
   );
  }
}

class B extends React.Component{
//here i want to display data from component A state
}

class C extends React.Component{
//here i want to control the state of component A consider this component 
//to be a control panel for the user 
}

我知道如果这 3 个组件有任何关系我可以传递 props直到我得到了我需要的东西，但我不知道这里要做什么，因为这 3 个组件没有任何关系

请原谅我的英语不好，请考虑到每个组件都有自己的路线

Answer 1

对我来说，通量方法是最好的方法，最好的实现是 Redux 。你应该看看它