Nie rozumiem, jaki jest cel używania IndexRoute i IndexLink . Wygląda na to, że w każdym przypadku poniższy kod wybrałby najpierw komponent Home, chyba że została aktywowana ścieżka About.
<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>Jaka jest zaleta / cel pierwszego przypadku?
/to renderowałoby się Appz Homeprzekazanym jako dziecko. W dolnym przykładzie polecenie going /to renderowałoby się Appbez żadnego Home lub Aboutrenderowanego, ponieważ żadna z ich ścieżek nie jest zgodna.
DefaultRoutena IndexRoute. Uważam, że określenie „domyślne” lepiej opisuje cel. github.com/rackt/react-router/blob/master/…
Odpowiedzi:
W górnym przykładzie going /to renderowałoby się Appz Homeprzekazanym jako dziecko. W dolnej przykład zamiar /uczyniłoby Appz ani Home też nie Aboutsą renderowane, ponieważ żaden z ich ścieżkami pasuje.
W przypadku starszych wersji React Router więcej informacji można znaleźć na stronie Index Routes and Index Links dla danej wersji . Począwszy od wersji 4.0, React Router nie używa już IndexRouteabstrakcji do osiągnięcia tego samego celu.
Homezostać wybrany w pierwszym przykładzie, jeśli ścieżka nie była/home? Sprawdź wyjaśnienie w dokumentacji: github.com/rackt/react-router/blob/master/docs/guides/basics/…