React-Router: Яка мета IndexRoute?

Я не розумію , що мета з допомогою IndexRoute і IndexLink . Здається, що в будь-якому випадку код нижче вибрав би компонент «Домашній» спочатку, якщо не буде активовано шлях About.

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

проти

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

Яка перевага / мета у першому випадку?

У верхньому прикладі, маючи на увазі , він /буде рендерінг Appз Homeдитиною. У нижньому прикладі, збирається /б надавати Appз ні Home , ні Aboutже не бути винесено, так як ні один з їх шляху збігаються.

Для старих версій React Router більше інформації можна знайти на сторінці вказівників маршрутів та посиланнях індексів відповідної версії . Починаючи з версії 4.0, React Router більше не використовує IndexRouteабстракцію для досягнення тієї ж мети.