it-roy-ru.com

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>

В чем преимущество/цель первого случая?

97
Nick Pineda

В верхнем примере при переходе к / будет отображаться App с Home, переданным как дочерний. В нижнем примере при переходе к / будет отображаться App с ни Home, ни About, поскольку ни один из их путей не совпадает.

Для более старых версий React Router дополнительная информация доступна в соответствующей версии страница "Маршруты индекса и ссылки индекса" . Начиная с версии 4.0, React Маршрутизатор больше не использует абстракцию IndexRoute для достижения той же цели.

90
Michelle Tilley