繁体   English   中英

如何防止 react-router 刷新页面?

[英]How to prevent react-router from refreshing page?

有什么问题?

我正在使用 react-router-dom v5 在 reactJs 中构建一个项目。 我添加了一个默认路由到路由

<重定向到={“someComponent”}/>

现在的问题是,简单的刷新也会将我重定向到默认路由。 如何防止这种情况?

代码片段:App.js

return (
      <div className="App">
            <Switch>
               <div id="wrapper" className="main_page">
                 <ErrorBoundary resetState={state}>
                  <Header/>
                    </ErrorBoundary>
                      <div id="page-wrapper" className="mainContentArea">
                        <Route path={`/dashboard/units`} component={Dashboard} />
                          <ErrorBoundary resetState={state}>
                            <Suspense fallback={<div>Loading..</div>}>
                              <Route path={`/dashboard/someRoute`} component={someComponent} />
                            </Suspense>
                          </ErrorBoundary>
                        <Redirect to={"someComponent"}/>
                
                     </div>
                </div>
           </Switch>
      </div>
    );

有人可以帮我解决上述问题吗? 由于 App.js 中的重定向,即使进行简单的刷新,我也会被重定向到仪表板

编辑:我在一个单独的组件中有路由器和浏览器路由器。这只是一个片段

尝试将exact道具添加到<Redirect to="/dashboard/units" />但在此之前不要忘记将您的路线包装到 BrowserRouter: https://reactrouter.com/web/api/BrowserRouter

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM