Wie authentifizieren Sie sich vor der Änderung der Route in react js?

Question

Ich verwende react, react-router (Version 2.8.1). Ich möchte den Benutzer vor der Weiterleitung an die nächste URL authentifizieren.

Wie erreiche ich das?

<Router history={hashHistory}> 
    <Route path="/" component={App}> 
     <IndexRoute component={Login}></IndexRoute> 
     <Route path="login" component={Login}/> 
     <Route path="dashboard" component={Dashboard}> 
      <Route path="ticket" component={Ticket}/> 
     </Route>  
     <Route path="profile" component={Profile}> 
      <Route path="create-user" component={CreateUser} /> 
     </Route>  

    </Route> 
    </Router> 

Answer 1

Ich habe es so gemacht in meinen Routen:

<Route 
 
     component={ PageContainer } 
 
     path="page" 
 
     onEnter={ requireAuth } 
 
/>