Reactjs handle browser refresh

Question

How to handle page refresh in reactjs.Like I have a url :

/main/books/page

Currently on browser through react-router but when I refresh the page or put another url in address bar manually I want to have previous url in bar to get loaded not the new one after some conditions check.

Eg If a logged in user try to access /login or /signup routes then they get redirected to url they are comming from ie last or previous url they visited.

Basically my question is how to fetch previously visited url in browser before the browser is reloaded or redirected to another url manually?

Answer 1

You can check the authentication in the componentDidMount function and redirect user using history like this :

componentDidMount() {
  if(!this.props.autheticated) {
    this.props.history.push('/login')
  }
}

Answer 2

in login page,

componentDidMount(){
  if(isUserLoggedIn){
this.props.history.goBack()

} }

or use this.props.history.pop()