React牵手JSX - 使用XML语法编写JAVASCRIPT
2013-05-31 17:12
591 查看
1. 什么是JSX
JSX (Javascript XML syntax transform) 是使用XML语法编写Javascript的一套解析工具;X代表XML;也可以理解为扩展(eXtension),因为实现JSX功能本身就是使用Javascript;
React建议使用JSX(但非必要)
2. 为什么选择JSX
React和JSX是两个完全不相关的技术,但JSX是React的一个很重要的思想。3. 对比Javascript和JSX语法
var Nav; var app = <Nav color="blue" />; // JSX var app = Nav({color:'blue'}); // Javascript
或许您不习惯JSX的语法,那么大可不必使用JSX;当然代码就会累赘一些,既然人家选择使用JSX,那么就有人家的道理,何不乐意的接受呢?
很明显我已经接受了,所以您可能看到的演示代码都使用了JSX语法。
使用JSX的三个理由:
方便DOM节点可视化 - 以往需要createElement \ append才能把一个DOM节点插入到文档中显示,使用JSX的代码就是 <a>React</a>,跟普通的HTML代码一样(规范的HTML文档本身就是XML文档);
方便创建变更DOM节点属性和内容;
方便MXML和XAML的开发人员 - 因为他们已经使用过类似的语法;
未完待续……
您可以修改并重新发布本文,如果您能留下本文的参考连结,万分谢谢!
如果您对本文存在疑问,欢迎留言或者直接对本文评论,我会在看到的第一时间回复您。
相关文章推荐
- JavaScript基础[用途、基本使用、批量产生对像、对象调用、对批量生产对象进行验证、语法的灵活性、js的内置对象]
- 【JS】使用javascript将xml转为json
- 使用原生JS编写ajax操作XMLHttpRequst对象
- JavaScript 学习day01 (js的特点,组成,使用,语法和数据类型)
- 使用Typescript编写Redux+Reactjs应用程序
- javascript对象和c++对象的区别-----坑爹的js,痛苦的语法特性,使用方法
- 【JAVASCRIPT】React学习-JSX 语法
- turfjs:使用JavaScript编写的模块化地理空间引擎
- 使用JSON语法创建JS对象(重要)
- 编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
- JavaScript程序开发(四)—js语法
- 【JavaScript】(1)JavaScript语法简单概述及其使用方式
- Javascript工具 - 使用packer来压缩JS文件
- 使用Vuejs编写单js组件
- javascript:使用其他页面的js函数、变量
- 使用ES6语法重构React组件
- JS使用ajax从xml文件动态获取数据显示的方法
- 使用JavaScript 编写简单计算器
- javascript基础——文字变大变小className的使用及JS浮动的兼容用法
- JavaScript DOM_2 JS编写位置