React-Router: Qual é a finalidade do IndexRoute?

Não entendo qual é o propósito de usar um IndexRoute e IndexLink . Parece que, em qualquer caso, o código abaixo teria selecionado o componente Home primeiro, a menos que o caminho About fosse ativado.

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

Qual é a vantagem / propósito aqui do primeiro caso?

No exemplo superior, ir para /renderizaria Appcom Homepassado como filho. No exemplo de fundo, indo para /tornaria Appcom nenhum Home nem Aboutestá sendo processado, uma vez que nenhum de seus caminhos corresponder.

Para versões anteriores do React Router, mais informações estão disponíveis na página de Rotas de Índice e Links de Índice da versão associada . A partir da versão 4.0, o React Router não usa mais a IndexRouteabstração para atingir o mesmo objetivo.