自动反应按下按钮

时间:2018-06-10 12:55:04

标签: reactjs react-router

在设置身份验证时,我遇到了一个问题,即只有通过按钮触发身份验证才能触发身份验证。

所以,我很想知道这是否是一种在React中自动触发按钮的Onclick事件的方法。

render() {
const { isAuthenticated } = this.props.auth;

return (
 <div>
   {
     !isAuthenticated() && (
      <Button
      bsStyle="primary"
      className="btn-margin"
      onClick={this.login.bind(this)}
    >
      Login
    </Button>
     )
   }
   { 
     isAuthenticated() && (
      <Button
      bsStyle="primary"
      className="btn-margin"
      onClick={this.logout.bind(this)}
    >
      Logout
    </Button>
     ) 
   }
 </div>
  );
  }

上面的代码是我的渲染方法,我想自动触发登录按钮!

先谢谢你们!

1 个答案:

答案 0 :(得分:0)

您无法使用JSX使用componentWillReceieProps()

进行此操作
componentWillReceieProps(nextProps){
    if(nextProps.auth !== this.props.auth && this.props.auth){
        this.logout();
    }else if(nextProps.auth !== this.props.auth && !this.props.auth){
        this.login();
    }
}