React Router - 以斜杠开头的参数问题

Posted

技术标签:

【中文标题】React Router - 以斜杠开头的参数问题【英文标题】:React Router - Problem with parameter that starts with slash 【发布时间】:2022-01-01 00:02:12 【问题描述】:

我遇到了与 React Router (web) 中传递的参数有关的问题。当参数包含斜杠“/”时,我通过这样做解决了它:

<Route exact path="/admin/user/detail/:id+" render=[...] />

所以当一个类似于这个“/admin/user/detail/gysyts/hjdjd”的url 读取id参数设置正确“gysyts/hjdjd”(例如)。

但是,当参数以斜杠开头时,这种方法并不能解决问题,例如: “/admin/user/details//eytgsheyeh”,由于 id 参数值错误,url 变得不可用。

【问题讨论】:

【参考方案1】:

uri 中的 // 不是一个好习惯,难道你不能使用 func 将其替换为其他一些字符,例如 React 中的 _ 并在后端返回 / 吗?

【讨论】:

以上是关于React Router - 以斜杠开头的参数问题的主要内容,如果未能解决你的问题,请参考以下文章

React Router

无法获取用户 ID 路由参数以在 react-router-relay 上工作

在 react-router V4 中,如何以编程方式设置查询字符串参数?

在 React-Router V4 中以编程方式设置路由参数最终会出现“找不到页面”

什么在 TypeScript 中声明 react-router 参数

使用 React Router 的多个参数