登录页面不会重定向到路由到登录页面

Question

我现在一直在努力使用我的登录页面来让组件呈现Loggedin组件。我的前端是Reactjs，后端是NodeJS。我对nodejs、expression和react都是新手。

在loginform组件上，我使用fetch进行了一次post，它将用户名和密码传递给后端的相应endpoint。没问题。在后端，它读取我存储用户（不使用任何数据库）的jsonfile来查找匹配项，如果用户名和密码都匹配，则它发送的响应为true。我已经测试过它是否有效。

LoginForm前端：

handleSubmit= (e) => {
    e.preventDefault()
    console.log(this.state)
    const { username, password} = this.state;
    const data = {username: username, password:password}
    
    fetch('http://localhost:3001/Login', {
          method: 'POST',
          mode:'cors',
          body: JSON.stringify(data),
          headers: {
            "Content-type": "application/json"
          }  
        })
        .then(function(res){
          return res.json()}).then(function(resjson){
            console.log(resjson);
            if (resjson){
              console.log(resjson);
              return<Redirect to='/myAccount'/>  
            }
            if(resjson==false){
              console.log(resjson);
            }
          })
           
        }

我一直试图通过实验来利用react-router-dom。但无论我如何去与它的组件登录用户永远不会呈现偶数如果resjson是真的，甚至没有路由更改为"localhost:3000/myAccount"。我也尝试添加use历史，但当我添加常量历史=use历史（）；时，会导致无效的钩子

有什么想法吗？如果你需要我添加任何其他内容，我会这样做，因为我没有在JS方面的经验，我可能遗漏了一些重要的内容。

提前感谢！

Answer 1

看看下面，我在评论中写下了解释：

fetch("http://localhost:3001/Login", {
  method: "POST",
  mode: "cors",
  body: JSON.stringify(data),
  headers: {
    "Content-type": "application/json",
  },
})
  .then(function (res) {
    return res.json();
  })
  .then(function (resjson) {
    console.log(resjson);
    if (resjson) {
      console.log(resjson);
      // here you're returning a React Component and it could work inside  render !
      // return <Redirect to="/myAccount" />;

      // you could use history to redirect:
      // if you're inside a class component you could use withRouter HOC instead (there is a link below)
      return history.push("/myAccount");
    }
    if (resjson == false) {
      console.log(resjson);
    }
  });

这是withRouter HOC使用的链接。