Среда CoreUI React не загружает мои разные страницы маршрута после успешного входа - PullRequest
Новая
       10

Среда CoreUI React не загружает мои разные страницы маршрута после успешного входа

0 голосов
/ 20 декабря 2018

Я создаю приложение, которое использует Google OAuth для входа в систему, а затем перенаправляет на панель управления.Это работает нормально, однако, маршрутизация не работает в остальной части приложения, она просто висит на функции «Загрузка».

Я пытался выяснить это, просматривая мои маршруты, ноЯ не могу видеть, где это идет не так.

App.js: 

<BrowserRouter>
    <Switch>
      <Route exact path="/login" name="Login Page" component={Login} />
      <Route path="/" name="Home" component={DefaultLayout} />
    </Switch>
</BrowserRouter>

rout.js: 

function Loading() {
  return <div>Loading...</div>;
} //loading function

 const Dashboard = Loadable({
   loader: () => import('./views/Dashboard'),
   loading: Loading,
  });
  const routes = [
    { path: '/home', name: 'Home', component: DefaultLayout },
    { path: '/dashboard', name: 'Dashboard', component: Dashboard }
    { path: '/tables/data-table', name: 'Data Table', component: DataTable, exact:true }, // this is what I want to redirect to

   ]

DefaultLayout.js (это макет и все маршруты): 

          <Container fluid>
              <Switch>
                 {routes.map((route, idx) => {
                 return route.component ? (<Route key={idx} path={route.path} exact={route.exact} name={route.name} render={props => (
                    <route.component {...props} />
                  )} />)
                  : (null);
              },
            )}
            <Redirect from="/" to="/dashboard"></Redirect>
          </Switch>
        </Container>

Я бы хотел иметь возможность отображать страницу после ее загрузки, вместо того, чтобы просто висеть на странице со словами «Загрузка ...»

Я добавил изображение, чтобы прояснить ситуациюкак это выглядит. Data Table

...