在页面顶部打开

13 浏览
0 Comments

在页面顶部打开

我正在使用React Router 4,当我使用时,新页面不会在页面顶部打开。我需要告诉一些特定的东西吗?

我的页面

0
0 Comments

问题的原因是在使用React Router时,页面切换后无法自动滚动到页面顶部。解决方法是创建一个包裹组件,该组件包裹在Route组件外部,负责在每次页面切换时将页面滚动到顶部。具体的解决方案可以在以下链接找到:react-router scroll to top on every transition,在该链接中可以找到完整的解决方案。

另外,作者提到在解决这个问题之前,需要确保在.babelrc文件中配置了object-rest-spread插件。关于如何配置该插件,可以参考以下链接:https://babeljs.io/docs/plugins/transform-object-rest-spread/

需要注意的是,提供回答时请直接给出解决方案,而不是将问题重定向到其他问题。

0
0 Comments

在组件"/mypage"中,通过在componentDidMount函数中添加window.scrollTo(0, 0);来解决问题。

0
0 Comments

问题的原因是在使用React Hooks的情况下,页面顶部的链接无法正常打开。解决方法是在useLayoutEffect钩子中添加window.scrollTo(0, 0)代码。将这个钩子添加到文章显示组件中即可解决问题。

0