lazyLoad

lazyLoad

路由组件的懒加载

// 将组件引入改为使用lazy引入
import {lazy,Suspense} from 'react'

// import Topics from './Topics'
const Topics = lazy(()=>{import('./Topics')})

//修改注册路由,使用Suspense包裹
<Suspense fallback={<h1>Loading</h1>}>
	<Route path="/topics" component={Topics}/>
 </Suspense>

上一篇:react之Lazy和Suspense(懒加载)


下一篇:react 项目打包优化 ===