reactjs - 如何在 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 路径时，我的 isauthenticated 显示为 false；请帮忙

Answer 1

成功登录后，您可以将登录状态保存在本地存储或上下文中。

useEffect(() => {

   // get authentication here

   api.call('/auth')

     .then(data => {

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

     

     })

    .catch(err => {

      setErr(err)

    })


 })

您可以按照本指南进行操作并以相同方式登录。

谢谢你。