React实现懒加载

第一步:下载react-loadable库

npm install  react-loadable --save

第二步:引入react-loadable库

import  ReactLoadable from  "react-loadable"

第三步:使用

var  Header=ReactLoadable({

loader:()=>import("./Header"),   //引入要使用懒加载的组件

loading:()=><div>loading...</div>  //加载的样式

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 欢迎访问我的最佳实践网站 一个动态导入加载组件的高阶组件. 示例 用户反馈: "我现在非常痴迷于: create-...
    lxg1986阅读 26,530评论 0 24
  • 1. 前言 随着前端项目的不断扩大,一个原本简单的网页应用所引用的js文件可能变得越来越庞大。尤其在近期流行的单页...
    cbw100阅读 2,207评论 2 8
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,766评论 0 1
  • 在工作场所经常听到:麻痹、MMP、傻逼……,一类型的词,还有为这种“日常用语”在公共场所说起来而沾沾自喜的。可悲乎...
    熊二_十三阅读 536评论 0 0
  • 在微博看到一个视频——一辆汽车停车给一个小女孩让行,小女孩通过后向汽车鞠了一躬。顺手就把这个视频转发到了微信群里,...
    陈进东阅读 188评论 0 0