react-router-dom 精确 url 到外部路由

react-router-dom exact url to outer route

"/home" 路由中的 Posts.js 组件中,我想要一个 link 到用户配置文件,所以我使用此代码:

<Link to={`profile/${users.username}`}>

我希望这个 link 转到 "/profile/:username",但它转到 "/home/profile/:username"

如何解决?

你好像用的是react-router-domv6,它既可以使用相对链接,也可以使用绝对链接。两者之间的区别是前导 "/" 字符。以 "/" 开头的路径是绝对路径,没有则相对于当前位置导航。例如,如果当前路径是 "/home" 并且您将导航推送到 "profile/123" 那么结果是您导航到 "/home/profile/123".

您可以阅读更多关于 Relative Links 的内容。相对链接在构建嵌套 routes/links/UI.

时很有用

使用绝对路径。

<Link to={`/profile/${users.username}`}>