React-Router: qual è lo scopo di IndexRoute?

Non capisco quale sia lo scopo dell'utilizzo di IndexRoute e IndexLink . Sembra che in ogni caso il codice qui sotto avrebbe selezionato prima il componente Home a meno che il percorso About non fosse attivato.

<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 è il vantaggio / scopo qui del primo caso?

Nell'esempio in alto, andando a /renderizzare Appcon Homepassato come figlio. Nell'esempio in basso, andando a /renderebbe Appcon né Home né Aboutviene reso, perché nessuno di loro percorsi corrispondono.

Per le versioni precedenti di React Router, maggiori informazioni sono disponibili nella pagina Index Route e Index Links della versione associata . A partire dalla versione 4.0, React Router non utilizza più l' IndexRouteastrazione per raggiungere lo stesso obiettivo.