反应路由器页面加载问题

Question

React 路由器页面加载始终保持滚动位置不变。有没有简单的方法可以让滚动位置保持在页面的某个位置？

Answer 1

useEffect(() => {
  let unlisten = history.listen(({ location, action }) => {
    console.log(action, location.pathname, location.state);    
    window.scrollTo(0, 0)
  });
  return () => unlisten() 
}, [])

您可以在历史更改时收听历史更改并滚动到顶部或任何其他您想要的位置。您可以将此代码保留在您的第一个组件中，例如 App。