React: Сделать адрес детского маршрута активным при посещении родителя?

Question

Я вложенные маршруты, которые выглядят следующим образом:

<Route path='parent' component={Parent}> 
    <Route path='child1' component={Child1}/> 
    <Route path='child2' component={Child2}/> 
    <Route path='child3' component={Child3}/> 
</Route> 

Я пытаюсь сделать это, когда вы посещаете /parent, вы будете перенаправлены на /parent/child1. Я пробовал использовать IndexRoute от React-Router на компоненте Child1, но это просто делает Child1 компонент при посещении /parent. Что мне не хватает?

Answer 1

Для этого можно использовать компонент IndexRedirect.

<Route path='parent' component={Parent}> 
    <IndexRedirect to="/child1" /> 
    <Route path='child1' component={Child1}/> 
    <Route path='child2' component={Child2}/> 
    <Route path='child3' component={Child3}/> 
</Route>