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?
javascript
reactjs
react-router
url-routing
Nick Pineda
sumber
sumber
Homedipilih dalam contoh pertama, kecuali jalurnya/home? Simak penjelasannya di dokumen: github.com/rackt/react-router/blob/master/docs/guides/basics/…/akan merenderAppdenganHomelulus sebagai anak. Dalam contoh bawah, akan/akan membuatAppdengan baikHomeatauAboutsedang diberikan, karena baik dari jalur mereka cocok.DefaultRoutemenjadiIndexRoute. Saya menemukan bahwa 'default' lebih menggambarkan tujuannya. github.com/rackt/react-router/blob/master/…Jawaban:
Dalam contoh teratas,
/akan merenderAppdenganHomelulus sebagai anak. Dalam contoh bawah, pergi ke/akan merenderAppdengan tidakHomejugaAboutsedang 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.sumber