React-53:懒加载的使用

155 阅读1分钟

1. 从react中导入lazy和Suspense

2. 使用lazy函数导入要使用懒加载的组件

3. 使用Suspense + fallback的形式包裹路由组件

  • 注意fallback包裹的组件是当懒加载组件无法显示的时候,显示的组件,所以Loading组件不能够使用懒加载的方式。

测试懒加载可以通过放慢浏览器的访问速度