React Renders 在我组件的底部！没有顶部

Question

当我在移动视图中单击其中一个链接时，它会为产品详细信息页面呈现一个新组件。

但是呈现的视图总是从底部开始..

我怎样才能将其更改为始终从顶部显示新组件？？

Answer 1

你可以试试这个：

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

Answer 2

对于借助钩子的无状态组件，您可以通过以下方式实现：

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

React Renders at the bottom of my component! no the top