Как запретить посещать страницу входа, если пользователь залогинен

Question

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

Я храню статическое значение в localstorage, и если пользователь пытается вернуться на страницу входа в систему, то я создал функцию, которую пользователь может посещать на странице входа или нет

login.js

  componentWillMount(){
  var id = localstorage.getitem('id')
  if(id == "1"){
     return <Redirect to="/dashboard"/>

  }
}

Здесь я могу получить его, и он попадет внутрь, если условие также, но не перенаправить на панель управления Я не знаю, что я делаю здесь не так.

Ваша помощь будет высоко оценена

Заранее спасибо

Answer 1

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

Возвращает Redirect внутри componentDidMount.не перенаправить пользователя.Для использования внутри componentDidMount вы можете использовать императивный API:

this.props.history.push("/dashboard");

Документы для history

Обратите внимание, что это работает, только если компонент напрямуюотображается внутри Route, в противном случае реквизит history не будет присутствовать.В другом случае вы можете использовать withRouter компонент более высокого порядка.