javascript - 如何停止 reactjs 中的自动页面滚动？

Question

单击按钮后导航页面时，页面会打开得更低，这使得用户每次都向上滚动。这只发生在移动版本中，在桌面版本中工作正常。

由于我是 React 和 UI 的新手，有人建议在链接标签中使用 tabindex = -1，但这没有用。

<div className="Header__logo--mobile hidden-on-desktop">
      <Link to="/">
        <img src={HomeLogoImage} ref={div => (this.imageMobile = div)} />
        <img
          className="Header__logo--glitch"
          src={HomeLogoImageGlitch}
          ref={div => (this.imageGlitchMobile = div)}
        />
      </Link>
</div>

期望页面打开时不会向下滚动。我该如何实现？

Answer 1

在导航路径上渲染的组件中使用 compnentDidMount 钩子(Hook)..

componentDidMount(){ window.scrollTo(0,0) }