React-Router如何進(jìn)行頁(yè)面權(quán)限管理的方法

export default (store) => {
 const history = syncHistoryWithStore(hashHistory, store);
 return (
 <Router history={history}>
 <Route path="/" component={AppRoot} >
 <IndexRoute component={IndexPage} />
 <Route path="photo" component={PhotoPage} />
 <Route path="info" component={InfoPage} />
 </Route>
 {/* <Redirect path="*" to="/error" /> */}
 </Router>
 )
}

const authRequired = (nextState, replace) => {
 // Now you can access the store object here.
 const state = store.getState(); 
 if (state.admin != 1) {
 replace('/');
 }
 };

<Route path="photo" component={PhotoPage} onEnter={authRequired} />

function loadData(nextState, replace, callback) {
 let unsubscribe;
 function onStateChanged() {
 const state = store.getState();
 if (state.admin) {
 unsubscribe();
 callback();
 }
 }
 unsubscribe = store.subscribe(onStateChanged);
 store.dispatch(actions.queryAdmin());
 }

<Router history={history}>
 <Route path="/" component={AppRoot} onEnter={loadData}>
 <IndexRoute component={IndexPage} />
 <Route path="photo" component={PhotoPage} onEnter={authRequired} />
 <Route path="info" component={InfoPage} />
 </Route> 
 </Router>