React-Router: какова цель IndexRoute?

Я не понимаю, какова цель использования IndexRoute и IndexLink . Кажется, что в любом случае приведенный ниже код сначала выбрал бы компонент Home, если не был активирован путь 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 дополнительная информация доступна на странице Index Routes и Index Links соответствующей версии . Начиная с версии 4.0, React Router больше не использует IndexRouteабстракцию для достижения той же цели.