跳至页面中的特定部分-反应

Question

我有一个带有一些链接的页脚组件，每个链接都指向页面的特定部分，我如何使链接跳到该特定的部分，而不是仅路由到该页面。

<li><Link to="/about-us/#section1">Our History</Link></li> <li><Link to="/about-us/#section2">Our Mission</Link></li> <li><Link to="/about-us/#section3">Our Values</Link></li> <li><Link to="/about-us/#section4">Become a Distributor</Link></li>

我在目标部分使用相同标签的id尝试了之前的代码，但是没有用。 还有其他方法吗？

谢谢

Answer 1

由于您使用的是React Router，因此它没有内置的哈希链接支持

您可以使用此库来代替：

https://www.npmjs.com/package/react-router-hash-link

import { HashLink } from 'react-router-hash-link';
<HashLink smooth to='/about-us/#section1' > History </HashLink>

您的部分还需要具有匹配的ID

<div id='section1'>Hi</div>