如何在不引用 React 中的动态值的情况下在 URL 中传递“：”？

Posted 2023-02-22

【中文标题】如何在不引用 React 中的动态值的情况下在 URL 中传递“：”？

【英文标题】：How do you pass ":" in a URL without referring to a dynamic value in React?

【发布时间】：2020-11-08 21:24:04

【问题描述】：

问题是当你想给一个url引入一个动态值时，你必须使用“:”来引用它。

例如，假设我有一个包含很多用户的列表，我添加了一个按钮来获取有关他们的更多信息，并且我希望 URL 包含您从中获取所有信息的用户的用户名.我会这样做：

<Route path="/user/:name" component=Component />

当我出于某种原因必须在 URL 中输入“:”而不意味着我希望 URL 的那部分发生更改时，就会出现问题。基本上是有一个带有“：”的静态 URL。

这可能吗？如果可以，我该怎么做？

【参考方案1】：

我认为this 是您要找的。​​p>

/foo/bar/main\\:contact_us

【参考方案2】：

React-router 使用 path-to-regexp。所以你可以使用转义字符来转义它。

<Route path="/user/\\:name" component=Component />