Чтобы сделать автоматический редирект после логина в React, используй компонент <Redirect> из пакета react-router. Этот компонент перенаправляет пользователя на новое место и заменяет текущую запись в стеке истории браузера.
Импортируй нужные компоненты и проверь состояние аутентификации в своём компоненте логина:
import React, { Component } from 'react'
import { Redirect } from 'react-router'
export default class LoginComponent extends Component {
render() {
if (this.state.isLoggedIn === true) {
return <Redirect to="/dashboard" />
}
return <div>Login Please</div>
}
}
isLoggedIn равен true, компонент рендерит элемент <Redirect>to определяет URL назначения после успешного логинаuseNavigate с функциональными компонентами вместо подхода на основе классовКомпонент <Redirect> из react-router заменяет текущую запись в стеке истории браузера, предотвращая переход пользователей обратно на страницу входа.
Новый — ещё не проверен сообществом
Вы