![](/img/trans.png)
[英]React-router error accessing directly by the path or refreshing the page
[英]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.