javascript - 滚动到顶部 react react 路由器DOM页面更改

Question

我正在使用react-router-dom来实现我的reactjs应用程序的路由!但我对此有一个问题，我找不到任何在页面更改时滚动到顶部的工作解决方案。有谁可以帮助我吗？？？

这是我的路由代码:

    <BrowserRouter  basename={basename}> 
          <Switch>
                    <MobilePage hasNav navType="primary" exact path={`/restaurant`} component={VendorList} />
                    <MobilePage hasNav navType="primary" path={`/restaurant/:vendorCode`} component={VendorDetails} /> 
          </Switch>
    </BrowserRouter>

Answer 1

我目前正在使用react-router-dom v5(我发现的大多数解决方案都适用于v4)，令我惊讶的是没有找到页面在转换中加载到顶部的解决方案。

解决我问题的是安装react-router-scroll-top并将包装放入如下所示:

const App = () => (
  <Router>
    <ScrollToTop>
      <App/>
    </ScrollToTop>
  </Router>
)

一切都按预期进行。