使用 react-router 来自另一个页面的 href

Posted 2023-02-19

【中文标题】使用 react-router 来自另一个页面的 href

【英文标题】：href from another page using react-router

【发布时间】：2022-01-23 05:32:51

【问题描述】：

我的网页中有一个标题菜单，在菜单中我有部分和子部分，其中一个子部分会将我跳转到该部分在主页中的位置

为此，我正在使用反应路由器哈希

import  HashLink as Link  from 'react-router-hash-link';
<Link to="/#map-section">
Section of home page
</Link>

如果我在要跳转的部分所在的当前页面中，这可以工作，但是当我在另一个页面中并且我想转到主页然后跳转到该部分时，它根本不起作用。 我猜当我试图到达那里时，该部分所在的组件尚未完成加载。有什么办法可以解决吗？

【问题讨论】：

您能否在您的问题中提供更完整的代码示例？见***.com/help/minimal-reproducible-example。如果可能的话，您是否也可以尝试创建一个 running 代码框演示，以重现我们可以现场检查和调试的问题？

我认为你的 有问题，这里有一个非常有用的例子来说明如何使用他v5.reactrouter.com/web/api/Link我希望我的回答能指导你。

【参考方案1】：

请检查以下代码框。 有效。 https://codesandbox.io/s/zen-swartz-59rj4