你如何在 URL 中传递“:”而不引用 React 中的动态值?

How do you pass ":" in a URL without referring to a dynamic value in React?

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

例如,假设我有一个包含很多用户的列表,我添加了一个按钮以获取有关他们的更多信息,我希望 URL 包含您所在位置的用户的用户名正在获取所有信息。我会做这样的事情:

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

当我出于某种原因不得不在 URL 中放置“:”时出现问题,而不意味着我希望更改 URL 的那部分。基本上有一个带有“:”的静态URL。

这可能吗?如果可以,我该怎么做?

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

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

我想 就是您要找的。

/foo/bar/main\:contact_us