react（58）——使用路由的時候雖然不展示所有的路由，但是會一開始就加載所有的路由元件，使用Suspense元件和lazy函數進行解決

1.将路由元件進行懶加載

1. 将

import Div1 from './components/div1' 
import Div2 from './components/div2' 
           

替換為

const Div1 = lazy(() => import("./components/div1"));
const Div2 = lazy(() => import("./components/div2"));
           

1. 其中lazy來自react包

2.将Route元件包裹

<Suspense fallback={<h1>加載中，請等待…………</h1>}>
  <Route path="/a" component={Div1} />
  <Route path="/b" component={Div2} />
</Suspense>
           

1. Suspense元件來自react包
2. Suspense元件的fallback值為當懶加載未加載出來的時候所展示的元件