reactjs - 在 React JS 上登录后页面不刷新

Question

登录成功后页面不刷新。代码：

零件

function LoginPage({ login, history, ...props }) {
      const [user, setUser] = useState({ ...props.user });
      const [errors, setErrors] = useState({});
        
      function handleLogin(event) {
        event.preventDefault();
        login(user).then(() => {
          localStorage.setItem("user", JSON.stringify(user));
          history.push("/");
        });
      }
    
      return (
        <UseForm
          user={user}
          errors={errors}
          onSave={handleLogin}
        />
      );
    }

标题

    const logOut = () => {
          logout();
        };
        const authenticatedUser = JSON.parse(localStorage.getItem("user"));
        const Header = () => {
          if (authenticatedUser !== null) {
            return (
              <nav>
                <NavLink to="/" exact>Dashboard</NavLink>
                <a onClick={logOut} href="/login">Logout</a>
              </nav>
            );
          }
          return <Redirect to={"/login"} />;
        };
        
        export default Header;

你能请我错过什么吗，因为它工作正常但需要刷新页面，谢谢。

标签： reactjstypescriptreact-redux