我在用着react-router
我有一些嵌套的路线"/stories"
and "/stories/:storyId"
现在我的问题是我有一个组件是一个单一的故事并使用这个特定的storyId
导航至路线"/stories/:storyId"
单击它即可查看该故事的详细信息。问题来了,这个单一组件可以在另一个路由中渲染,比如"/bookmarks"
如果我使用钩子useNavigate
并传递给storyId
当我单击它导航到的组件时"/bookmarks/:storyId"
我希望它去"/stories/:storyId"
在不同子路由上渲染的组件应该使用绝对链接路径而不是相对路径。相对路径和绝对路径的区别在于"/"
特点。路径开头为"/"
是从托管应用程序的根开始的绝对路径,而其他路径则被视为相对于当前匹配路径的相对路径。
例如,代替
<Link to={`../${storyId}`}>{storyId}</Link>
... or ...
<Link to={`${storyId}`}>{storyId}</Link>
... or ...
navigate(`../${storyId}`);
... or ...
navigate(`${storyId}`);
仅相对当前路径链接到同级或子路径,请使用绝对路径
<Link to={`/stories/${storyId}`}>{storyId}</Link>
... or ...
navigate(`/stories/${storyId}`);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)