Ленивый реагирующий роутер - PullRequest
Новая
       41

Ленивый реагирующий роутер

0 голосов
/ 23 апреля 2020

Существует такая идея, что при нажатии, скажем, <Link to = "/register"> зарегистрируйтесь сейчас! Он не сразу перевел меня по этому адресу, но попросил загрузить скрипт для этого компонента, чтобы избежать пустого экрана (ну или откат) при загрузке скриптов. 

import loadable from '@loadable/component'

import Login from 'pages/login';
import Register from 'pages/register';
import React from 'react';
import { Route, Switch } from 'react-router-dom';
const Login = loadable(() => import('pages/login'),{
  fallback:<div>loading</div>
})
const Register = loadable(() => import('pages/register'),{
  fallback:<div>loading</div>
})

function App() {

  return (
    <div className="app">
      <Switch>
        <Route path="/register" component={Register} />
        <Route path="/login" component={Login}/>
      </Switch>
    </div>
  );
}

export default App;
...