reactjs - React Core UI 管理模板路由问题

Question

我开始使用一个模板来简化我的工作，现在我遇到了这个 React 核心 UI 管理模板的路由问题。我添加了一个登录页面，该页面指向核心 ui 现在提供的仪表板页面正确加载路线。

这是我之前的代码，只需登录和仪表板即可按预期工作：

    <BrowserRouter>
      <React.Suspense fallback={loading}>
        <Switch>
          {!isLoggedIn && (
            <Route
              exact
              path="/login"
              name="Login Page"
              render={(props) => <Login {...props} />}
            />
          )}
          {isLoggedIn && (
            <Route
            path="/"
            name="Home"
            render={(props) => <TheLayout {...props} />}
          />)}
          <Route path='*'>
            <Redirect to="/login" />
          </Route>
        </Switch>
      </React.Suspense>
    </BrowserRouter>

在此之后，我添加了另一条路线，如上所述，当我在仪表板内时检查某个预订的详细信息，这就是无限循环问题的来源：

    <BrowserRouter forceRefresh={true}>
      <React.Suspense fallback={loading}>
        <Switch>
          {!isLoggedIn && (
            <Route
              exact
              path="/login"
              name="Login Page"
              render={(props) => <Login {...props} />}
            />
          )}
          {isLoggedIn && (
            <Route
              path={["/", "/dashboard"]}
              name="Home"
              exact
              render={(props) => <TheLayout {...props} />}
            />
          )}
          {isLoggedIn && (
            <Route
              path="/dashboard/order"
              exact
              render={(props) => <TrackingOrder {...props} />}
            />
          )}

          <Route path='*'>
            <Redirect to="/login" />
          </Route>
          <Redirect from="/" to="/dashboard" />

        </Switch>
      </React.Suspense>
    </BrowserRouter>

标签： reactjscore-ui