Je ne comprends pas à quoi servent les IndexRoute et IndexLink . Il semble que dans tous les cas, le code ci-dessous aurait sélectionné le composant Home en premier à moins que le chemin About ait été 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 / le but ici du premier cas?
javascript
reactjs
react-router
url-routing
Nick Pineda
la source
la source
Homechoisi dans le premier exemple, à moins que le chemin ne l'était/home? Découvrez l'explication dans la documentation: github.com/rackt/react-router/blob/master/docs/guides/basics/…/rendraitAppavecHomepassé en tant qu'enfant. Dans l'exemple du bas, aller à/rendraitAppavec aucunHomeou enAboutcours de rendu, car aucun de leurs chemins ne correspond.DefaultRouteàIndexRoute. Je trouve que «par défaut» décrit mieux l'objectif. github.com/rackt/react-router/blob/master/…Réponses:
Dans l'exemple du haut, aller à
/rendraitAppavecHomepassé en tant qu'enfant. Dans l'exemple du bas, aller à/rendraitAppavec niHomeniAboutétant rendu, car aucun de leurs chemins ne correspond.Pour les anciennes versions de React Router, plus d'informations sont disponibles sur la page Index Routes et Index Links de la version associée . Depuis la version 4.0, React Router n'utilise plus l'
IndexRouteabstraction pour atteindre le même objectif.la source