javascript - 从另一个组件React js设置状态

我在index.js中具有以下结构：

<MyAppBar // + properties/>
 <Route path={path} component={Login}/>

MyAppBar.js

 class MyAppBar extends React.Component {

state = {
  auth: false,
  anchorElement: null
};

handleLogin(){
  this.setState({auth:true});
}

//another code
//end component

export default withStyles(styles)(MyAppBar)

我想从Login组件操作处理程序（即handleLogin）中将MyAppBar状态auth标志更新为true，但我不知道如何。

我已经尝试在“登录”页面上导入MyAppBar（所有组件），但是它说

MyAppBar.handleLogin();

不是功能...谢谢！

谢谢！

最佳答案

我认为对于这种简单的范例，您无需经历设置redux的所有麻烦（我喜欢Redux，但有时我们不必使用它）

这是使用新的context实施它的方法。




  它非常简单易用。检查here
  让我知道是否不清楚。