使用react-router-dom处理路由和ID链接

Question

我正在使用react-router-dom，并且为了防止整个页面在浏览路线之间刷新时使用NavLink组件。这对于“ / contact”之类的路由很好用，但是不会处理具有ID的特定部分的链接，例如/ contact＃main。有没有办法继续使用NavLink，并且仍然可以使用指向特定部分的链接？

Answer 1

在react-router-dom中，您可以使用like

<Link
to={{
pathname: "/contact",
hash: "#main",
state: { ...}
}}
/>

Answer 2

显然，这是react-router库的一个已知问题，并且可以添加一个附加库来解决该问题：

react-router-hash-link