React-Router: wat is het doel van IndexRoute?

Ik begrijp niet wat het doel is van het gebruik van een IndexRouteen IndexLink. Het lijkt erop dat in ieder geval de onderstaande code eerst de Home-component zou selecteren, tenzij het Over-pad was geactiveerd.

<Route path="/" component={App}>
  <IndexRoute component={Home}/>
  <Route path="about" component={About}/>
</Route>

vs

<Route path="/" component={App}>
  <Route path="home" component={Home}/>
  <Route path="about" component={About}/>
</Route>

Wat is hier het voordeel/doel van het eerste geval?


Antwoord 1, autoriteit 100%

In het bovenste voorbeeld zou door naar /te gaan Appweergegeven worden met Homedoorgegeven als kind. Als u in het onderste voorbeeld naar /gaat, wordt Appweergegeven met nochHomenoch Aboutworden weergegeven, omdat geen van hun paden overeenkomt.

Voor oudere versies van React Router is meer informatie beschikbaar op de Index Routes en Index Links pagina. Vanaf versie 4.0 gebruikt React Router niet langer de IndexRoute-abstractie om hetzelfde doel te bereiken.

Other episodes