如何防止 react-router 刷新頁面？

Question

有什么問題？

我正在使用 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 中的重定向，即使進行簡單的刷新，我也會被重定向到儀表板

編輯：我在一個單獨的組件中有路由器和瀏覽器路由器。這只是一個片段

Answer 1

嘗試將exact道具添加到<Redirect to="/dashboard/units" />但在此之前不要忘記將您的路線包裝到 BrowserRouter： https://reactrouter.com/web/api/BrowserRouter