react-router 这样的路由怎么写呢？

Question

/user
/user/login
/user/register
这样嵌套型的路由，Route怎么写呢？

Answer 1

不知道是不是这个样子，详细参考官网

<Router>
    <Route path="/" component={User}>
      <Route path="login" component={Login} />
      <Route path="register" component={Register} />
    </Route>
  </Router>

Answer 2

<Router>
    <Route path="/" component={<Container/>}>
        <Route path="/user" component={}/>
        <Route path="/user/login" component={}/>
        <Route path="/user/register" component={}/>
    </Route>
</Router>

实际上 login register 与 user 并不存在嵌套关系，平级写就可以。

如果希望实现嵌套子路由，可以参考：

<Route path="/user(/:page)" />

具体还是要看业务场景。