javascript - not - React-Router: ¿Cuál es el propósito de IndexRoute?

react router exact

Question

No entiendo cuál es el propósito de usar un IndexRoute e IndexLink . Parece que, en cualquier caso, el código siguiente seleccionaría primero el componente Inicio a menos que se activara la ruta Acerca de.

<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>

¿Cuál es la ventaja / propósito aquí del primer caso?

Answer 1

En el ejemplo superior, ir a / haría que la App con Home pasara como un niño. En el ejemplo inferior, ir a / representaría la App sin Home ni About , ya que ninguna de sus rutas coincide.

Para versiones anteriores de React Router, hay más información disponible en la página de rutas de índice y enlaces de índice de la versión asociada. A partir de la versión 4.0, React Router ya no usa la abstracción IndexRoute para lograr el mismo objetivo.