Как предотвратить возвращение пользователя в реагирующий маршрутизатор?

Question

Я использую Reaction-router-Dom для маршрутизации в моем приложении activjs. И я хочу запретить пользователю возвращаться после входа в систему, т.е. я не хочу, чтобы пользователь снова возвращался на экране входа в систему, когда он нажимал кнопку возврата в браузере после входа в систему.

Answer 1

window.addEventListener('popstate', function(event) {

});

используйте эту функцию, она будет считывать событие нажатия кнопки «Назад» в вашем браузере, и после этого вы можете применить любое условие, которое вы хотите

Answer 2

Вы используете редукс?в противном случае вы можете добавить что-то в свой рендер, который проверяет, вошел ли пользователь в систему, перенаправляет ли его обратно на страницу, на которой он был похож:

import { Redirect } from 'react-router'


render(){
//I store my user JWT on this.props.currentUser redux state 
this.props.currentUser && <Redirect to={'whatever page you want'} /> 

//OR you can also, if you have history, history.goBack()

Поэтому вместо того, чтобы запретить возвращаться, вы запрещаете пользователюкогда он заходит на страницу входа в систему, он перенаправляет его куда-либо или туда, где он был