Reagieren Router nicht entsprechende Komponente machen

Question

Ich habe eine solche Struktur der Routen

<Router history={hashHistory}> 
    <Route name="Dashboard" path="/" component={App}> 
     <Route name='Not found' path="*" component={NotFound}/> 
    </Route> 
</Router> 

Wenn ich arbeite auf/admin/Produktseite, Kind Komponente nicht funktioniert. Ich schrieb "Fahrrad" meiner Meinung nach. In Render-Funktion schrieb ich einen solchen Code:

render() { 
    return (
     { this.props.children ? this.props.children : <My component /> } 
    ); 
} 

Ich stecke auf/admin/Produkt /: id/bearbeiten. Wenn ich mein Formular aktualisiere, kann die Komponente komplett neu erstellt werden und ich kann componentWillReceiveProps, componentWillUpdate nicht verwenden. Ich habe versucht, debuggen, aber mein Code geht nicht in diese Methoden.

Frage ist, wie ich in den Kindern Komponenten arbeiten kann und componentWillReceiveProps, componentWillUpdate Funktionen

Answer 1

Sie sollten die Dokumente überprüfen verwenden. https://github.com/ReactTraining/react-router/blob/master/docs/guides/RouteConfiguration.md

Es ist so ein Beispiel wie folgt aus:

render((
    <Router> 
    <Route path="/" component={App}> 
     <Route path="about" component={About} /> 
     <Route path="inbox" component={Inbox}> 
     <Route path="messages/:id" component={Message} /> 
     </Route> 
    </Route> 
    </Router> 
), document.body) 

URL: /inbox/messages/:id

Komponenten: App -> Inbox -> Message

Also, in Ihrem Fall, url Kind Komponente ist /admin/offers/admin/offer/:id/edit.