如何使重定向等待来自服务器的响应？

Question

首先，我想提一下，我一般都是全新的反应和javascript，我经历了很多类似的问题线程，但是没有一个解决方案似乎有帮助，因为它们主要产生更多的错误。

我正在进行的项目非常简单，我想在这里做的是：当用户在登录表单上按“登录”时调用以下函数，我将插入的用户名和密码保存到状态并发送给服务器进行验证。

我使用react-router-dom进行路由，并且我只能在登录后访问该页面，否则会将您重定向到登录页面。 所以这里发生的是第一次按下重定向不会发生，页面保持登录状态。

我知道这可能是一个非常愚蠢的登录系统方式，但也许有办法让这个工作？

感谢您的时间。

onSubmit(e) {
    e.preventDefault();
    console.log(this.state);
    var self = this;
    request.post('/user/login')
      .send(this.state)
      .end(function(err, res){
          console.log(res.body);
          if (res.body.isValid) {
              self.props.history.push('/');
          }
        });
}   

Answer 1

简单重定向？

onSubmit(e) {
e.preventDefault();
console.log(this.state);
var self = this;
request.post('/user/login')
  .send(this.state)
  .end(function(err, res){
      console.log(res.body);
      if (res.body.isValid) {
          self.props.history.push('/');
      }else{
        window.location.href="/login";
      }
    });
}