jsx代码:

var React = require('react');
var ReactDOM = require('react-dom');
var MyButtonController = require('./components/MyButtonController');ReactDOM.render(<MyButtonController/>,document.querySelector('#example')
);

转换后的原生JavaScript代码:

第19717行的__webpack_require__(1), 其中__webpack_require__对应了jsx里的require,1代表react module,即加载的第一个module:

module 160:加载161,162:

161代表EventEmitter,

162代表object.assign实现:

对应原生JavaScript代码里声明的require(‘events’)和require(‘object-assign’):

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

React jsx转换成原生JavaScript的一个例子相关推荐

  1. 将H5网站转换成原生体验的App

    H5网站转换成App需求说明 如果我们只有H5网站,没有App,想要生成App的可选方案有哪些?目前的技术,大概有三个路线: 利用Android/Object-c原生语言,分平台重新开发:这样会导致H ...

  2. 用html制作一个音乐排行榜,使用原生JavaScript制作一个漂亮的音乐播放器

    简单介绍 起初在简书上发现了这篇博客--[html.css.jq]制作一个简洁的音乐播放器.这是一个用jQuery库实现的音乐播放器,界面简约大气. 我在这个基础上,反其道而行,使用原生JavaScr ...

  3. dwg如何转换成pdf?分享一个转换途径

    DWG怎么转换成PDF?咱们先来看看DWG是什么,DWG是一种常见的CAD文件格式,通常用于设计领域.即使不是相关从业者,日常工作学习中也可能接触到该格式文件,所以我们不妨多了解一些相关知识,也为以后 ...

  4. 如何提取视频中的语音转换成文字?分享一个超好用的方法

    在现代的数字化时代,视频和音频的使用越来越广泛.但是,当你需要从视频中获取有用的信息时,最好的方法是将视频中的语音转换成文字.这不仅使信息更容易理解,还可以通过搜索引擎和文本编辑器对其进行搜索.在本文 ...

  5. C语言中把小写字符串转换成大写用函数,一个容易的将小写字符串转换成大写的函数...

    一个简单的将小写字符串转换成大写的函数 我用的是VC++6.0,恳请大家帮忙看看到底哪里出错了. #include void uppers(char *Dest,char *Sour) { while ...

  6. 数值转换成人民币大写的一个类

    网上有许多将数值转换成人民币大写的代码,其中有不少写得很好的.昨天在Csdn上浏览,觉得这个比较简洁,但也有几点小Bug,稍加整理,觉得仍然与财务表达方式有不一致的地方,故先贴上来,请大家看看. pu ...

  7. JAVASCRIPT之函数-输入秒J数转换成时分秒的一个小效果

  8. 怎么实现文字转换成语音?分享一个简单的小妙招

    现在文字转成语音的方法有很多种,你可以试试移动端的一些工具,也许能帮你减轻不少工作量.下面我给大家分享一个文字转语音的方法和步骤,希望对你有帮助! 前提须知: 我们要想实现手机文字转音频,就必须得使用 ...

  9. html 时间戳日期转换成字符串,JavaScript时间与时间戳的转换操作实例分析

    本文实例讲述了JavaScript时间与时间戳的转换操作.分享给大家供大家参考,具体如下: 一.时间转时间戳:javascript获得时间戳的方法有五种,都是通过实例化时间对象 new Date() ...

最新文章

  1. 编写程序,输出所有3位数的水仙花数
  2. Android 数据加密算法 Des,Base64详解
  3. 单调栈之Next Greater Number
  4. 关闭uboot MMU 会导致android2.3 S5pv210 系统不稳定?!why
  5. 安川机器人焊枪切换设定方法_【分享】焊接机器人的性能要求与系统构成
  6. Vue的computed(计算属性)使用实例之TodoList
  7. 11月22日学习内容整理:bootstrap居中处理和组件,常用组件
  8. java项目目录_Java项目目录解释
  9. 一款好看+极简到不行的HTML5音乐播放器-skPlayer
  10. 房产中介管理系统网站完整源码
  11. 漏洞修复:Cache Management: Insecure Policy
  12. python错题集(1)
  13. 51单片机入门之点亮发光二极管
  14. 深入理解Android相机体系结构之十
  15. 已解决(pip报错)WARNING: The repository located at mirrors .aliyun.com is not a trusted or secure host and
  16. 第七周--项目1-静态成员应用
  17. mp3音频转换,合并方法?-QVE音频剪辑
  18. docker2-镜像原理及创建新的镜像
  19. can总线隔离中继器、canbridge-100、CanRepeater的can波特率和滤波设置
  20. Ubuntu系统腾讯会议使用ffmpeg屏幕录制+声音录制

热门文章

  1. 数据库概念 MySQL 库操作 表操作 记录操作
  2. sql语句--查询语句(MySQL)
  3. centos minimal 安装无法自定义分区
  4. Delphi format的用法
  5. 第三次学JAVA再学不好就吃翔(part82)--泛型
  6. java 获取枚举对象_Java:获取与枚举相关联的对象
  7. aes加密算法_令你的文件安全有了新方法AES-256-GCM加密网站免费用
  8. SAP 电商云 Spartacus UI 的单元测试和端到端测试,以及 CI/CD 相关话题
  9. 使用 SAP UI5 CLI 命令行工具构建和运行 SAP UI5 应用
  10. ubuntu 21.04 版本上 安装 sqlcmd