如何在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挂钩。

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