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>

React：访问父母时，让孩子路线的地址有效吗？

1 个答案: