React-Router: IndexRoute'un amacı nedir?


102

IndexRoute ve IndexLink kullanmanın amacının ne olduğunu anlamıyorum . Her durumda, About yolu etkinleştirilmedikçe, aşağıdaki kodun önce Home bileşenini seçeceği anlaşılıyor.

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

Buradaki ilk vakanın avantajı / amacı nedir?


HomeYol olmadığı sürece neden ilk örnekte seçilsin /home? Dokümanlardaki açıklamaya göz atın: github.com/rackt/react-router/blob/master/docs/guides/basics/…
Michelle Tilley

Ana'nın bir gezinme çubuğu olduğunu ve Ana Sayfa ve Hakkında'nın gezinme çubuğunda tıklayabileceğiniz ana sayfa olduğunu hayal edebilirsiniz.
Nick Pineda

2
En üstteki örnekte, go, çocukken pass ile /render Appedilir Home. Alt örnekte, gidiş /kılacak Appolan ne Home ya Aboutişlenmiş onların yollarının ne maç beri,.
Michelle Tilley

2
Ohh !!! Bunu bir cevap olarak koyar mısın ki sana güvenebileyim? Teşekkür ederim!
Nick Pineda

3
V0.13'ten v1.0'a geçişte adı olarak DefaultRoutedeğiştirdiler IndexRoute. "Varsayılan" ın amacı daha iyi açıkladığını düşünüyorum. github.com/rackt/react-router/blob/master/…
Clarkie

Yanıtlar:


101

Üst örnekte, gidiş /kılacak Appolan Homebir çocuk olarak geçti. Alt örnekte, gidiş /kılacak Appolan ne Home de Aboutonların yollarının ne maç beri giderek daha fazla suda.

React Router'ın eski sürümleri için, ilgili sürümün Dizin Yolları ve Dizin Bağlantıları sayfasında daha fazla bilgi mevcuttur . 4.0 sürümünden başlayarak, React Router artık IndexRouteaynı hedefe ulaşmak için soyutlamayı kullanmıyor .


3
Peki bu özelliği pratikte ne kullanabiliriz?
seasonqwe

1
Örneğin, bir üst konteyner, birkaç alt yol oluşturabilir ve bu alt yollardan birini varsayılan olarak ayarlayabiliriz (IndexRoute). Veya, varsayılan bir alt rotaya ihtiyacımız yoksa ve kullanıcıya bir şey seçmesi gerektiği konusunda ipucu vermemiz gerekirse (o zaman IndexRoute yok)
Olga Gnatenko

1
@ AlexHopeO'Connor Teşekkürler, cevabın ikinci yarısını güncelledim
Michelle Tilley

çocukken tam olarak ne demek oluyor? arka planda mı yükleniyor? sahne donanımlarına erişebilmek? diğer?
StLia
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.