使用React，redux和react-redux-router登錄驗證：正確的方法是？

Question

我對react，redux和react-redux-router有一個小問題。

這很簡單，但是我不知道解決此問題的最佳方法是什么，讓我們開始吧。

我正在使用一個具有登錄屏幕的簡單應用程序，並且某些頁面具有對身份驗證用戶的重新調整的訪問權限。

這是我的路由器：

   <Provider store={store}>
      <Router history={browserHistory}>
         <Route path={Config.baseUrl} component={App}>
            <Route path="login" component={Login} />
            <Route component={Administration}>
               <IndexRoute component={Statistics} />
               <Route path="page2" component={p2} />
            </Route>
         </Route>
      </Router>
   </Provider>

如果所有未登錄的用戶嘗試訪問<Route component={Administration}>任何頁面，我都希望將它們重定向到登錄頁面（/ login）。

那么實現這一目標的最佳方法是什么？ 我可以在每個子componentWillMount上使用componentWillMount ，但是我敢肯定這不是一個好主意:)。 我還嘗試在Administration組件上找到一個鈎子，但沒有興趣。

有什么建議嗎？

子問題：我使用dispatch(routeActions.push())在頁面之間導航。 這很好。 但是，如果目標網頁（首次加載）不是'/'，則拋出404。 我必須先去'/'。

Answer 1

我只使用https://github.com/reactjs/react-router-redux並創建抽象組件AuthorizedViewComponent，它將檢查用戶狀態並將所有未登錄的用戶重定向到/ login。