React-Router: Apa tujuan dari IndexRoute?

Saya tidak mengerti apa tujuan menggunakan IndexRoute dan IndexLink . Tampaknya dalam kasus apa pun kode di bawah ini akan memilih komponen Rumah terlebih dahulu kecuali jalur Tentang diaktifkan.

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

Apa keuntungan / tujuan kasus pertama di sini?

Dalam contoh teratas, /akan merender Appdengan Homelulus sebagai anak. Dalam contoh bawah, pergi ke /akan merender Appdengan tidak Home juga Aboutsedang dirender, karena tidak ada jalur yang cocok.

Untuk versi React Router yang lebih lama, informasi lebih lanjut tersedia di halaman Index Routes dan Index Links versi terkait . Mulai versi 4.0, React Router tidak lagi menggunakan IndexRouteabstraksi untuk mencapai tujuan yang sama.