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"));

2. 其中lazy来自react包

import React, { Component, lazy, Suspense } from "react";

2.将Route组件包裹

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

1. Suspense组件来自react包
2. Suspense组件的fallback值为当懒加载未加载出来的时候所展示的组件