Как сохранить состояние входа в систему в маршрутизаторе реакции MSAL?

Question

В моем файле App.js реализован роутер

       <Router>
     <Route exact path="/"  render={(props) => <LoginPage/>} />
     <Route exact path="/Home" render={(props) => <Home />}/>
      <Route exact path="/create-request" render={(props) => <NewRequest />}/>
      <Route exact path="/my-requests" render={(props) => <MyRequests/>}/>
 </Router>

На странице входа есть кнопка входа в систему, но даже после входа в систему из маршрута входа при открытии маршрута / Home мой isaunthenticated показывает false; Пожалуйста помоги

Answer 1

Вы можете сохранить состояние входа в систему в localstorage или контексте после успешного входа в систему.

      useEffect(() => {

   // get authentication here

   api.call('/auth')

     .then(data => {

       localStorage.setItem("authdata", JSON.stringify(data));

     

     })

    .catch(err => {

      setErr(err)

    })


 })

Вы можете следовать этому руководству и войти в систему таким же образом.

Спасибо.