Question

我有两条父路线/home和/app。

在/app中，还有两条嵌套的路线。 /app/first和/app/second

--/home

--/app
  --/app/first
  --/app/second

我已经在首页上设置了链接，以在/home和/app之内进行路由。

当我单击/app时，我希望将用户重定向到/app/first，这是通过使用Redirect组件实现的，它可以正常工作，但仅在第一次单击时有效。当我再次单击/app路由时，它不会再次重定向到/app/first，而是回退到/app

即使我已经在/app/first上，每次单击/app链接时，如何继续路由到/app。

Here是此问题的沙箱。

Answer 1

尝试

<Switch>
      <Route exact path="/app" render={() => <Redirect to="/app/first"/>}/>
      <Route path="/app/first" component={First} />
      <Route path="/app/second" component={Second} />
</Switch>

在您的app.js文件中。

那么，您想要的是呈现{first}组件并在浏览器路径中显示“ / app / first”的默认“ / app”路由吗？是吗？

单击父路由时，保持子路由不变

1 个答案: