phản ứng-bộ định tuyến - tạo các tuyến đường lồng nhau không có thành phần làm tổ

Question

Tôi có cấu hình tuyến đường như thế này.

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

Nhưng tôi có thể làm điều này không?

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

Những gì tôi đang tìm kiếm là một tùy chọn để chỉ làm Component cho Route lá mà không cần dựng một tuyến đường mẹ Component. Điều này có thể không?

Answer 1

Có - sử dụng <IndexRoute> s. Ví dụ: viết ở trên là:

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