Reagieren Router Unter Route

Question

Version 4 von React Router

einer anderen Mutter Route nennt Ich habe eine Unter Route Setup: /profile/agree und auf dieser Unter Route mag ich einen <Link> Tag /team gehen.

Es ist Setup jetzt so die übergeordnete Seite hat:

<Router> 
    <Switch> 
    <Route exact path="/" component={Home} /> 
    <Route path="/profile" component={Profile} /> 
    <Route path="/team" component={Team} /> 
    </Switch> 
</Router> 

Und die Profilkomponente hat ein eigenes Routing ist:

<Router> 
    <Switch> 
    <Route exact path="/profile" component={General} /> 
    <Route path="/profile/hotel" component={Hotel} /> 
    <Route path="/profile/release" component={Release} /> 
    </Switch> 
</Router> 

Ob das richtig ist oder nicht, ich bin nicht sicher, da Keines der Dokumente scheint diese Art von Szenario zu erklären, aber es ergab für mich Sinn. Wie dem auch sei, wenn die „Release“ Komponente einen einfachen Link hat, es scheint nicht richtig zu navigieren und zeigt nur eine leere Seite:

<a href="/team">Somehow</a> {/* << This works but refreshes the whole page */} 
<Link to="/team">Of Course</Link> {/* << This just shows empty profile page /*} 

Ich dachte, vielleicht die Sub-Router nur so hoch wie selbst nachschauen können, also vielleicht:

<Link to="../team">Of Course</Link> 

Aber das tat das Gleiche. Es scheint auf der "Profil" Hauptroute zu bleiben. Wie navigiert man zu einer anderen übergeordneten Route?

Answer 1

Also habe ich schließlich den einfachen Fehler herausgefunden, den ich hatte. Die Tatsache, dass Profil <Router> drin hatte!

tun dies Profil gearbeitet (einfach entfernt Router-Tag):

<Switch> 
    <Route exact path="/profile" component={General} /> 
    <Route path="/profile/hotel" component={Hotel} /> 
    <Route path="/profile/release" component={Release} /> 
</Switch> 

Das gibt mir, was ich denke, am meisten Sinn macht. Jede "Szene" ist für ihr eigenes Routing verantwortlich. Der einzige Nachteil ist, dass es immer noch /profile benötigt, obwohl ich wahrscheinlich schlau werden könnte und die "root" als Eigenschaft an die Szenen senden könnte.