我知道react-router-dom v6正在测试中,但我正在玩它,并对useRoutes()有几个问题&路径,regex .
BTW - v6看起来很棒!!在v4之前,我将执行以下操作。只有当路径为/profile/<10位数>....时才会匹配(no为profile_id)。有一种方法来正则url的这样在v6?
<Route path="/profile/:userid([0-9]{10})" component={Profile} />
同样在V4中,我能够在括号中的参数之后限制参数选项- ':type(email| forget)'。在v6中有办法做到这一点吗?
<Route exact path="/login/:type(email|forgot)" component={Login} />
我下面的尝试都没有成功。
{ path: '/profile/:userid([0-9]{10})', element: <Profile /> }
{ path: '/login/:type(email|forgot)', element: <Login /> }
我知道第二个(电子邮件|忘了)我可以用'children',这很好。我只是想问一下。
profile_id的10位正则表达式将是伟大的。如果该条件不满足,则不路由到该组件。
任何信息都会很好。非常感谢!!
我直接写信给React Router V6开发团队,目前path不支持正则表达式。有一个很小的机会,它可能会被添加…
下面是响应- https://github.com/remix-run/react-router/discussions/8132