React Router V6 - useRoutes() Path正则表达式



我知道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

相关内容

  • 没有找到相关文章

最新更新