我正在使用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
。
有什么遗漏吗?
答案 0 :(得分:0)
如果您继续使用,则代替<h2 id="header2"></h2>
<a id="header2"></a>
有效。