更新应用程序状态后更改组件状态

Question

我有一个父组件标题：

它有一个州：

    this.state = {modalIsOpen : false, user:{username:'', password:''}}

这个有状态的容器有一个儿童愚蠢的组件＆＃34; popup＆＃34; 。此弹出组件调用一个进行API调用的操作。

我想在API调用成功/更新应用程序状态后更改modalIsOpen（组件状态）。

基本上，它是一个登录弹出窗口，应该在用户成功登录后关闭。

将此状态modalIsIsOpen移至应用程序状态是否理想？不确定。请帮忙。

代码：

class HeaderPage extends React.Component {
    constructor(props) {
        super(props);
        this.state = {modalIsOpen : false, user:{username:'', password:''}}
        this.toggleModal = this.toggleModal.bind(this);
        this.onLogin = this.onLogin.bind(this);
    }

  toggleModal(event){
    this.setState({modalIsOpen: !this.state.modalIsOpen});
  }

  onLogin(loginType){
   this.props.actions.loginAction(this.state.user.username, this.state.user.password, loginType, [] , "");
  }

}
}

onLogin函数调度操作，如果调度操作成功，我希望调用this.toggleModal