Блог

Главная - Вопросы по программированию - Страница не обновляется после входа в React JS

Страница не обновляется после входа в React JS

#reactjs #typescript #react-redux

#reactjs #typescript #react-redux

Вопрос:

страница не обновляется после успешного входа в систему. Код:

КОМПОНЕНТ

 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;

не могли бы вы, пожалуйста, чего мне не хватает, поскольку он работает нормально, но нуждается в обновлении страницы, спасибо.

Комментарии:

1. Не могли бы вы, пожалуйста, поделиться тем, как вы настраиваете свои маршруты? Нравится <Router /> компонент, какие у вас есть маршруты и т.д.? Может быть, тем временем вы сможете взглянуть на useHistory hook. Спасибо!

2. Привет, я отредактировал вопрос и добавил Header.js , Надеюсь услышать ваши мысли, спасибо

3. Итак, из того, что вы описываете, означает ли это, что после успешного входа в систему приложение не загружает "/" страницу?

4. Да, именно. Он перенаправляет, но без заголовка, когда я обновляю страницу вручную, отображается заголовок.