如果来自其他路由,则react-router-hash-link不起作用

时间:2018-12-20 08:33:07

标签: reactjs react-router react-router-v4 react-router-dom

我正在使用react-router-hash-link转到同一路线中的​​其他部分:

import { HashLink as Link } from "react-router-hash-link";

在渲染中:

render() {
     <Link smooth to="#header2">
        Scroll to header 2 section
     </Link>
     <h2 id="header2"></h2>
}

这有效。但是,如果我来自其他路线,并使用哈希值链接到另一条路线,则不会滚动到该部分。

例如现在我在/routeone

render() {
   <Link smooth to="/routetwo#header2">
      Go to Route Two, header 2 section
   </Link>
}

在此示例中,我也在HashLink中也导入了/routeone

有什么遗漏吗?

1 个答案:

答案 0 :(得分:0)

如果您继续使用,则代替<h2 id="header2"></h2> <a id="header2"></a>有效。