प्रतिक्रिया-राउटर - कोई घटक घोंसले के साथ नेस्टेड मार्ग बनाना

Question

मेरे पास इस तरह की एक रूट कॉन्फ़िगरेशन है।

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

लेकिन क्या मैं यह कर सकता हूं?

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

क्या मैं देख रहा हूँ बस एक माता पिता के मार्ग Component प्रतिपादन के बिना पत्ता मार्ग के लिए Component रेंडर करने के लिए एक विकल्प है। क्या यह संभव है?

Answer 1

हाँ - <IndexRoute> एस का उपयोग करें। उदाहरण के लिए, ऊपर लिखें:

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