Reagieren Router den gleichen Code in jeder Route Komponente nennen

Question

Ich habe die nächsten Strecken auf Hauptkomponente meiner App:

<div> 
    <h1><Link to="/">Home</Link></h1> 

    <Switch> 
     <Route exact path="/" component={FirstPage} /> 
     <Route exact path="/:language?/second" component={SecondPage} /> 
     <Route exact path="/:language?/account" component={AccountPage} /> 
     <Route exact path="/:language?/add" component={AddNewPage} /> 
     <Route component={NoMatch} /> 
    </Switch> 
    </div> 

ich in jedem Kind Komponente Überprüfung hinzufügen müssen this.props.match.params.language (Dies ist Reagieren Router Requisiten), um die aktuelle Sprache einzustellen. Aber weiß dieser Code in jeder KomponenteWiilMount sieht verdrahtet in meinen Gedanken. Auch ich setze diese Überprüfung in eine einzelne Funktion und werde sie jedes componentWiilMount nennen und prop.mps.parts.language propails dazu übergeben, jedenfalls ist es ein Durcheinander von Code. Zum Beispiel, wenn ich 100 Routen habe, muss ich diese Überprüfung 100 Mal hinzufügen. Ich denke darüber hinaus diesen Code zu Hauptkomponentenlebenszyklus hinzufügen, und es wird aufgerufen, wenn Seite geändert wird, aber ich habe keine Reagieren Router Requisiten hier. Vielleicht wissen Sie bessere Lösung dafür?

Answer 1

Sie können versuchen, Ihre Routen zu verschachteln. Sie könnten eine übergeordnete Routenkomponente haben, die die Sprache verwaltet, und anschließend untergeordnete Routenkomponenten verschachteln: