tepki-yönlendirici - Bileşen yuvalama olmadan iç içe geçmiş yollar oluşturma

Question

Böyle bir yol yapılandırm var.

<Route path="group/:groupId" component={NonPropertyView}> 
<Route path="group/:groupId/line/:lineId" component={NonPropertyView} /> 
<Route path="group/:groupId/line/:lineId/property/:propertyId" component={PropertyView} /> 

Bunu yapabilir miyim?

<Route path="group/:groupId" component={NonPropertyView}> 
    <Route path="line/:lineId" component={NonPropertyView}> 
    <Route path="property/:propertyId" component={PropertyView} /> 
    </Route> 
</Route> 

Ne arıyorum sadece ana güzergah Component render olmadan yaprak Rotası için Component işlemek için bir seçenektir. Mümkün mü?

Answer 1

Evet - <IndexRoute> s numaralı telefonu kullanın. Örneğin, yukarıdaki gibi aşağıdakileri yazın:

<Route path="group/:groupId"> 
    <IndexRoute component={NonPropertyView} /> 
    <Route path="line/:lineId"> 
    <IndexRoute component={NonPropertyView} /> 
    <Route path="property/:propertyId" component={PropertyView} /> 
    </Route> 
</Route>