代码之家 › 专栏 › 技术社区 › alfredopacino

React路由器v6中路径中的符号

react-router-dom react-router reactjs

alfredopacino · 技术社区 · 3 年前

我正在从v5迁移到v6。It v6 it seems 您不能再使用regexp了。对于这样的路径,有没有快速的解决方法?当然,问题出在仪表板上。

<Route path="/doc/:id-:version" />

1 回复 | 直到 3 年前

Drew Reese 3 年前

不能使用局部动态分段,要么全有要么全无。使用单个参数,然后在组件中对其应用字符串拆分逻辑。

示例:

<Route path="/doc/:idVersion" element={....} />

const { idVersion } = useParams();

const [id, version] = idVersion.split("-");

看见 Dynamic Segments 了解更多信息。

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前