博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React的使用与JSX的转换
阅读量:5332 次
发布时间:2019-06-15

本文共 893 字,大约阅读时间需要 2 分钟。

前置技能:Chrome浏览器
 
一.拿糖:React的使用

React v0.14 RC 发布,主要更新项目:

 两个包: React 和 React DOM

 DOM node refs

 无状态的功能组件

 弃用 react-tools

 编译器优化

 
吃糖:开门见山,上代码。
  zqz_JSX_demo    
 
react-0.13.4.js 使用:浏览器控制台显示没问题:
 
 
如果换成react-0.14.0.j的话,控制台显示:
 
页面上虽然可以显示,但是会有提示:React.render是被废弃的。建议使用react-dom.js中的ReactDOM.render来代替。
 
so,我们就用react-dom.js来弄。
 
  zqz_JSX_demo  
这下控制台清净了。
 
二.知识点
JSXTransformer.js:他的作用是将 JSX 语法转为 JavaScript 语法。以便浏览器可以执行。但是这部比较消耗时间,一般放在服务器端执行。(具体怎么耗时间,是个什么概念,我还不知道)
 
当然我们可以不用JSX,React本来就是JS。
 
那什么是JSX:在 JavaScript 代码里写着 XML 格式的代码称为 JSX。
 
所以上面的代码亦可以改成:
记得将text/jsx改成text/javascript。
所以很多人说JSX的实质是个语法糖。
 
三.拆糖:如何将JSX转换成JS代码。
>1.我们可以通过工具转换成JS代码。
>2.安装react-tools转换工具
    npm install -g react-tools
    运行:
    
生成build文件,如图:
      
 
如果不知道怎么使用这个工具:jsx -h
第一行就是使用格式:Usage: jsx [options] <source directory> <output directory> [<module ID> [<module ID> ...]]
 
 
 

转载于:https://www.cnblogs.com/zqzjs/p/5551114.html

你可能感兴趣的文章
HNOI2018
查看>>
【理财】关于理财的网站
查看>>
Ubunt中文乱码
查看>>
《当幸福来敲门》读后
查看>>
【转】系统无法进入睡眠模式解决办法
查看>>
省市县,循环组装,整合大数组
查看>>
stm32中字节对齐问题(__align(n),__packed用法)
查看>>
like tp
查看>>
posix多线程有感--线程高级编程(线程属性函数总结)(代码)
查看>>
spring-使用MyEcilpse创建demo
查看>>
DCDC(4.5V to 23V -3.3V)
查看>>
kettle导数到user_用于left join_20160928
查看>>
activity 保存数据
查看>>
typescript深copy和浅copy
查看>>
linux下的静态库与动态库详解
查看>>
hbuilder调底层运用,多张图片上传
查看>>
较快的maven的settings.xml文件
查看>>
Git之初体验 持续更新
查看>>
随手练——HDU 5015 矩阵快速幂
查看>>
Maven之setting.xml配置文件详解
查看>>