React-Router: Quel est le but d'IndexRoute?

Question

Je ne comprends pas le but de l'utilisation de IndexRoute et IndexLink. Il semble que, dans tous les cas, le code ci-dessous aurait sélectionné le composant Accueil d’abord, à moins que le chemin À propos ne soit activé.

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

contre

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

Quel est l'avantage/but ici du premier cas?

Answer 1

Dans l'exemple ci-dessus, aller à / rendrait App avec Home transmis en tant qu'enfant. Dans l'exemple du bas, aller à / rendrait App avec ni Home ni About en cours de rendu, car aucun de leurs chemins ne correspondent.

Pour les anciennes versions de React Router, des informations supplémentaires sont disponibles sur la version associée page Index Routes and Index Links . À partir de la version 4.0, React Router n'utilise plus l'abstraction IndexRoute pour atteindre le même objectif.