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-dom
v6,它既可以使用相对链接,也可以使用绝对链接。两者之间的区别是前导 "/"
字符。以 "/"
开头的路径是绝对路径,没有则相对于当前位置导航。例如,如果当前路径是 "/home"
并且您将导航推送到 "profile/123"
那么结果是您导航到 "/home/profile/123"
.
您可以阅读更多关于 Relative Links 的内容。相对链接在构建嵌套 routes/links/UI.
时很有用
使用绝对路径。
<Link to={`/profile/${users.username}`}>
在 "/home"
路由中的 Posts.js
组件中,我想要一个 link 到用户配置文件,所以我使用此代码:
<Link to={`profile/${users.username}`}>
我希望这个 link 转到 "/profile/:username"
,但它转到 "/home/profile/:username"
。
如何解决?
你好像用的是react-router-dom
v6,它既可以使用相对链接,也可以使用绝对链接。两者之间的区别是前导 "/"
字符。以 "/"
开头的路径是绝对路径,没有则相对于当前位置导航。例如,如果当前路径是 "/home"
并且您将导航推送到 "profile/123"
那么结果是您导航到 "/home/profile/123"
.
您可以阅读更多关于 Relative Links 的内容。相对链接在构建嵌套 routes/links/UI.
时很有用使用绝对路径。
<Link to={`/profile/${users.username}`}>