Используйте NProgress с "React.lazy" - PullRequest
Новая
       21

Используйте NProgress с "React.lazy"

3 голосов
/ 18 июня 2019

У меня есть следующее дерево компонентов: 

<BrowserRouter>
  <Suspense fallback={<h1>MyFallback</h1>}>
    <Switch>
      <Route component={HomePage} path="/" exact />
      <Route
        component={lazy(() => import('./pages/Auth/Login'))}
        path="/auth/login"
        exact
      />
    </Switch>
  </Suspense>
</BrowserRouter>

Я использовал React.Suspense, чтобы показать откат загрузки.Однако теперь я хочу показать индикатор выполнения в верхней части текущей страницы вместо использования обычного запасного варианта приостановки загрузки, который удаляет весь текущий маршрут для отображения запасного варианта.

Как добавить NProgress дляНапример, чтобы указать ход загрузки загружаемой страницы?

...