刷新React时如何停止跳回到根组件？

Question

当按下刷新浏览器按钮时，将显示根路由。我该如何预防它并显示其中一个曾经存在？

我应该停止使用此行吗？ <Redirect exact from="/" to="/ongoingEvents" />。

我是否应将上次打开的组件存储在本地商店中并始终显示相应的组件？

render() {
    return (
      <BrowserRouter>
        <div className="App">
          <BarAndMenu
            userLoginAndDataDownloadCompletedOut={
              this.userLoginAndDataDownloadCompletedOut
            }
          />
        </div>
        <Route
          path="/managedEvents"
          exact
          render={() => <ManagedEventsList />}
        />
        <Route path="/managedEvent/:id" component={ManagedEvent} />
        <Route path='/'>
          <Redirect exact from="/" to="/ongoingEvents" />
        </Route>
        <Route path="/ongoingEvents" render={() => <OngoingEventsList />} />
        <Route path="/selectSeat" render={() => <SelectSeat />} />
        <Route path="/releasePurpose/:id" component={ReleasePurpose} />
        <Route path="/marketingResourceConfigurationAndResult/:id" component={MarketingResourceConfigurationAndResult} />
      </BrowserRouter>
    );
  }

Answer 1

应该没问题。但我鼓励您使用Switch包装您的Route。我在项目中使用的是“松散”的上下文永远不会发生。查看文档。 https://reacttraining.com/react-router/web/guides/quick-start