Subrouten funktioniert nicht in Reagieren Router v4

Question

Ich versuche, Routen in Reagieren Router zu verschachteln, aber \sports\cricket Sub-Routen wie diese werden nicht angezeigt. Es folgt der Code:

index.js

const Root =() => { 
    return (
    <Router> 
     <div> 
     <Route exact path="/" component={Home}/> 
     <Route path="/sports" component={Sports} /> 
     </div> 
    </Router> 
); 
}; 

sports.js

return (
     <div> 
     <Route path="cricket" component={Cricket} /> 
     </div> 
    ); 

Die Konsolenprotokolle Fehler 404, wenn ich versuche zu bekommen /sports/cricket:

Bearbeiten 1: Die verschachtelte Route innerhalb der Komponente wurde verschoben.

Answer 1

Verschachtelte Routen funktionieren in v4 nicht. Weisen Sie Unterrouten in der Komponente zu, auf die die übergeordnete Route verweist. Wie folgt aus:

index.js

const Root =() => { 
    return (
    <Router history={browserHistory}> 
     <div> 
     <Route exact path="/" component={Home}/> 
     <Route path="/sports" component={Sports}/> 
     </div> 
    </Router> 
); 
}; 

sports.js

return (
    <div> 
    <Route path="/sports/cricket" component={Cricket} /> 
    </div> 
);