Question

我有一个React应用，我试图在用户提交注册信息后将用户重定向到登录页面。我能够从登录页面重定向到仪表板，但无法在注册页面上使用。

这些是我的代码的独立部分，遇到重定向问题

.then(this.redirectLogin)
      .catch(error => {
        console.log(error);
        this.setState({
          showError: true,
          errorMessage: "Username already taken, please try again"
        });
      });
    this.addTeam(this.state.username);
  }

  redirectLogin() {
    window.location = "/login";
  }



<form className="formContainer" onSubmit={this.handleSubmit}>
        {this.state.showError && (
          <p className="error">{this.state.errorMessage}</p>
        )}

Answer 1

考虑将react-router用于您的路线。它被认为是React应用程序中路由的标准。设置好路由之后，可以用withRouter包装组件：

export default withRouter(YourComponent)

然后，您将可以通过道具访问路由器历史记录，只需按一下路线即可：

this.props.history.push('/dashboard');

您可以找到有关react-router here的更多信息。

尝试将注册表单重定向到登录页面？

1 个答案: