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) }

Answer 2

對於那些使用功能組件的人：-

useEffect(() => {
  window.scrollTo(0, 0)
}, [])