reactjs - 尝试在不让用户单击按钮的情况下自动运行方法

Question

    {!this.props.account ? (
           <button onClick={this.props.onSignIn}>Sign In</button>
      ) : (
    // Otherwise show the homepage

将 onClick 替换为只发生一次 this.props.onSignIn 的方法。

用户不必单击按钮登录，但是一旦页面加载，它应该只检查用户是否经过身份验证，如果没有，则只运行一次 onSignIn 方法

有什么想法吗？

标签： reactjstypescriptauthenticationreact-props

Answer 1

componentDidMount 是挂载后运行代码一次的生命周期钩子：

componentDidMount() {
  if (!this.props.account) {
    this.props.onSignIn()
  }
}