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

Question

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

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

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

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

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

Answer 1

React-router 使用 path-to-regexp。因此，您可以使用转义字符对其进行转义。

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

Answer 2

我想这就是你要找的。

/foo/bar/main\\:contact_us