反应路由器v4。使用布局时防止滚动到顶部

时间:2018-07-10 18:28:20

标签: react-router-v4

我正在使用react-router v4创建一个网站,以在视图之间导航。因此我的布局具有导航和页脚,请使用“切换”切换不同的视图。

我已经添加了scrollToTop函数以使其在不同视图之间滚动到顶部。我从这里https://reacttraining.com/react-router/web/guides/scroll-restoration开始使用该函数

假设我有“家庭”和“解决方案”视图。问题在于,在“解决方案”视图中,我添加了另一个Switch(子路由),因此路径将像这样http://localhost:3000/solution/solution1

因此,现在单击“解决方案”页面中的子路由时,页面滚动到顶部,这很有意义,因为布局由ScrollToTop函数包装。但这是一个切换选项卡,我不希望它滚动到顶部,我希望它保持不变。 我尝试使用ScrollToTopOnMount,但没有成功。 任何想法如何实现这一目标?预先感谢。

0 个答案:

没有答案