Как реализовать redirect в react?

Question

[Wytpry]

Есть страница авторизации, куда пользователь вводит логин и пароль. Как при нажатии на кнопку Submit реализовать автоматический переход на headpage? Прилагаю часть кода, где redirect не работает. Здесь ошибка или же неверный подход?

axios.post(apiBaseUrl + "account/signin", payload)
   .then(function (response) {
     console.log(response.data);
     if(response.data.code == 200){
       console.log("Login successfull");
       return (<Redirect to="/Game.js" />);

Answer 1

[anamorph]

подобный редирект будет работать только в компоненте
а лучше использовать такой подход как приватные роуты
обертка, которая каждый раз при переходе будет проверять есть ли у пользователя право смотреть эту страницу, мониторя токен в локальном хранилище
Подробнее описано здесь
https://tylermcginnis.com/react-router-protected-r...

Answer 2

[Алексей Бульба]

props.history.push('/hadpageUrl')

Answer 3

[Борис Черепанов]

Черех history.push('/home');
Подробно в статье "Использование истории браузера и функция редирект...