Javascript 如何反应悬念保持在同一页-懒散加载

我怎样才能使反应悬念不显示任何后退，而是停留在同一页上 这就是我所拥有的

return (
      <Router>
        <Provider store={store}>
          <Fragment>
            <Switch>
              <Layout>
                <Suspense fallback={<BusyIndicator />} maxDuration={5000}>
                  <PrivateRoute
                    exact
                    path="/en/account/dashboard"
                    component={Home}
                  />
                  <PrivateRoute exact path="/en/books" component={Books} />
                  <PrivateRoute
                    exact
                    path="/en/account/quiz"
                    component={Quiz}
                  />

                  <PrivateRoute
                    exact
                    path="/en/account/quiz/:slug"
                    component={QuizDetail}
                  />
                  <PrivateRoute
                    exact
                    path="/en/account/quiz/:slug/result"
                    component={QuizResult}
                  />

                  <PrivateRoute
                    exact
                    path="/en/account/my-books"
                    component={MyBooks}
                  />
                  <PrivateRoute
                    exact
                    path="/en/account/logout"
                    component={Logout}
                  />
                  <RedirectRoute
                    exact
                    path="/en/register"
                    component={Register}
                  />
                  <RedirectRoute exact path="/en/login" component={Login} />
                </Suspense>
              </Layout>
              <Route component={NoMatch} />
            </Switch>
          </Fragment>
        </Provider>
      </Router>
    );

返回(
);

---

我想要的是，页面呈现与它所在的组件相同的组件，直到它获取下一个块，可能有一个顶部的进度条，比如youtube，我想你要找的是一个解析器。看

---

基本上，这个概念是，下一个组件在满足显示它的数据要求之前不会呈现。

BusyIndicator

是您在组件准备好之前看到的内容，我知道，但我想要的是，在下一个页面准备好之前，它保持在同一个页面上。我希望它呈现相同的组件，直到承诺解决为止