reactjs - 如何让 React Link 等到我单击它并且方法在重定向之前返回结果？

Question

我有以下代码要渲染。它是登录表单的一部分。我有这个链接，当我单击它时，它会转到我验证凭据（用户名和密码）的 handleSubmit 方法。我想要的是根据结果做不同的事情。如果凭据正确，请转到我的欢迎页面，否则请留在此页面。目前它一直在调用handleSubmit方法，而不是等到我点击它。我怎样才能改变这个工作？

<Link to={`/` + this.handleSubmit} style={loginButton} onClick={this.handleSubmit}> Register </Link>

Answer 1

你可以把 jump 事件放在你的 中handleSubmit，就像这样

<div style={loginButton} onClick={this.handleSubmit}> Register </div>

handleSubmit = () => {
  ...
  // flag is true while the credentials are correct 
  if(flag){
      widow.location.href = '/' + path
      router.push('/'+ path) // use react-router
  }
}