在设置身份验证时,我遇到了一个问题,即只有通过按钮触发身份验证才能触发身份验证。
所以,我很想知道这是否是一种在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>
);
}
上面的代码是我的渲染方法,我想自动触发登录按钮!
先谢谢你们!
答案 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();
}
}