使用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