ReactJS navigasyon ı taban düzen öğelerini içeren bir CoreLayout bileşeni var

Question

çocuk için geçerlidir kılmasıdır:

gezinme çubuğunda

1. Navigation bar 
2. Components container 
3. Footer 

Her compoenent için İndependantly görüntülenecek olan bir alt gezinti çubuğu var - bazı bileşenler olabilir bazı işlem düğmeleri var ve bazıları hiç bir işlem düğmesi olmayacak.

IndexView, başka bir sayfaya bir eylem (bağlantı) olurdu ve ContactView ek gezinme çubuğunu görüntülemiyordu.

Yönlendirici: Navigasyon CoreLayout bileşeninde bulunan zaman

<Route component={CoreLayout}> 
    <Route path='/' component={LoginRequired}> 
     <IndexRoute component={IndexView}/> 
     <Route path='contact' component={ContactView}/> 
    </Route> 
    </Route> 

Nasıl her bileşen için bağımsız navigasyon işlemek mi?

Her bir görünüm için navigasyon ve alt istasyon yüklemeli mıyım? örneğin :

<Navigation><SubNavigation> list of links here </SubNavigation></Navigation> 

Answer 1

Hem app-yapıları çalışabilirsiniz: senin CoreLayout kök bileşeninde navigasyon-bar olan veya her Görünüm bileşeninde bir gezinti-bar sahip.

Ama sizin durumunuzda, bu bileşenin uygulamanın genel düzenini tanımlamasını istediğiniz için, kök bileşeninizde (CoreLayout) gezinme çubuğunu kullanmayı tercih edersiniz. Bunu yapmak için, gezinme çubuğunuzda hangi bağlantıların görüntüleneceğine karar vermek için CoreLayout bileşeninizde yönlendirici durumunu (hangi görüntü görüntüleniyorsa) kullanabilirsiniz.