Автоматически пытаться войти при начальной загрузке страницы с помощью React, идеи о том, как это сделать?

Question

пытаюсь использовать единый вход Microsoft с React, и я хочу

on first load to activate the method to attempt to sign in. So that I don't need to ask the user to click a button, it should just be automatic.

Я новичок в методах реагирования и жизненного цикла, но нет смысла использовать componentWillLoad или componentDidLoad, потому что он будет проверять каждый раз. В целом весь сайт должен просматриваться только при входе в систему, поэтому я считаю, что настройка защищенных путей после этого должна быть выполнимой

Есть идеи, как это сделать?

Редактировать:

      useEffect = () => {
             !this.props.account ? this.props.onSignIn() : <AuthWrapper/> 
        }, [];

Answer 1

Вы можете использовать ловушку useEffect в реагировать и передавать пустую зависимость, чтобы эффект вызывался только один раз при начальной загрузке страницы. То же самое можно сделать с помощью componentDidMount. Вы можете поместить функцию в метод ловушки или жизненного цикла, чтобы проверить, вошел ли пользователь в систему, а затем показать разные страницы в зависимости от значения этого параметра. Как то так:

useEffect(() => {
  // check here if user is logged in
  loggedIn ? showPageA : showPageB
}, []);