react 切换路由时将页面滚动回顶部

先看效果图

TabBar 标签栏中有5项，点击切换页面时发现 跳转后的页面还停留在上一个页面浏览的位置，不会自动跳转到页面的顶部，页面效果极差！ 项目中是使用 react-router-dom，Router路由进行页面的跳转，后来查了百度之后才知道页面之间共享了同一个 history，导致浏览的位置被记录下来了，所以跳转页面时跳到了相同的位置

解决方法：

在函数组件中设置窗口的滚动位置为0

// 返回顶部

useEffect(() => {

    window.scrollTo(0, 0);

}, []);

标签：顶部,位置,react,跳转,路由,页面
来源： https://blog.csdn.net/m0_61073617/article/details/122525291