react在哈希路由的情况下使用锚点

 
<a onClick={() => this.scrollToAnchor('components')}>锚点</a>
<div name="components" id="components">显示内容</div>
 
scrollToAnchor = anchorName => {
if (anchorName) {
// 找到锚点
const anchorElement = document.getElementById(anchorName)
// 如果对应id的锚点存在,就跳转到锚点
if (anchorElement) {
anchorElement.scrollIntoView({ block: 'start', behavior: 'smooth' })
}
}
}
原文地址:https://www.cnblogs.com/victoria-csl/p/14911417.html