React 身份驗證

react reactjs react-router

p39212053 2020-05-08 10:37:21 ‧ 1836 瀏覽

分享至

想要實做出使用者登入後，
根據身份給予不同的頁面，

但我要如何在使用者登入後根據他的身份給予它不同的component頁面，
因為這些頁面還是需要Route去控制path，如上圖所示

目前的Route規劃：

<AuthProvider>
    <Router>
        <Switch>
            <Route exact path="/" component={Login} />
        </Switch>
    </Router>
</AuthProvider>

目前已知紀錄使用者的登入狀態有三種方式(如有錯請各位大大糾正)：

使用redux
使用react context
react router的PrivateRoute

目前參考的code

感謝您的解答

前端野人 iT邦新手 3 級 ‧ 2020-05-09 00:27:06 檢舉

這個用redux 會比較好管理,你應該先看這個
https://reacttraining.com/react-router/web/example/auth-workflow
,跟`Dan`的 redux 存local storage的教學
https://egghead.io/lessons/javascript-redux-persisting-the-state-to-the-local-storage