2017-07-03 5 views
0

Ich bin neu zu reagieren und zuvor war ich eckig. Jetzt versuche ich eine App mit react router v4 zu bauen. Meine aktuelle Aufgabe klingt sehr einfach: Ich möchte Preloader und einige Authentifizierungsüberprüfungen für Routen hinzufügen. In angular würde ich Ereignisse wie "route changestart", "route changescess" verwenden und für die Authentifizierungsprüfung auflösen. Ich habe jedoch die Router-Dokumentation überprüft und nichts davon gefunden. Die einzige Option, die ich gesehen habe, ist die Verwendung von history.listen(), aber sie wird nur ausgelöst, nachdem sich die Route geändert hat. Meine Frage ist also: Woher weiß ich, wann sich die Route ändert, hat sich geändert und welche Routen es war.Reagieren Router v4 Routenereignisse

Hier ist, wie mein Router aussieht (Ich möchte diese Informationen in preloader Komponente zu handhaben):

ReactDOM.render(
    <Router> 
     <Provider store={store}> 
     <AppContainer> 
      <div> 
      <Preloader/> 
      <Switch> 
       <Route exact path="/" component={Main}/> 
       <Route path="/app" component={App}/> 
       <Route path="/content" component={Content}/> 
       <Route path="*" component={Landing}/> 
      </Switch> 
      </div> 
     </AppContainer> 
     </Provider> 
    </Router>, 
    document.getElementById('main') 
); 

Antwort

Verwandte Themen