React牵手JSX - 使用XML语法编写JAVASCRIPT
来源:互联网 发布:短信轰炸机淘宝怎么找 编辑:程序博客网 时间:2024/05/22 10:42
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" />; // JSXvar app = Nav({color:'blue'}); // Javascript
或许您不习惯JSX的语法,那么大可不必使用JSX;当然代码就会累赘一些,既然人家选择使用JSX,那么就有人家的道理,何不乐意的接受呢?
很明显我已经接受了,所以您可能看到的演示代码都使用了JSX语法。
使用JSX的三个理由:
- 方便DOM节点可视化 - 以往需要createElement \ append才能把一个DOM节点插入到文档中显示,使用JSX的代码就是 <a>React</a>,跟普通的HTML代码一样(规范的HTML文档本身就是XML文档);
- 方便创建变更DOM节点属性和内容;
- 方便MXML和XAML的开发人员 - 因为他们已经使用过类似的语法;
未完待续……
您可以修改并重新发布本文,如果您能留下本文的参考连结,万分谢谢!
如果您对本文存在疑问,欢迎留言或者直接对本文评论,我会在看到的第一时间回复您。
- React牵手JSX - 使用XML语法编写JAVASCRIPT
- 十八、不使用JSX编写React应用
- React之JSX语法
- React(2) JSX语法
- React之JSX语法
- React之JSX语法
- react jsx语法
- React入门:关于JSX语法
- React入门:关于JSX语法
- react——JSX语法
- React基础之JSX语法
- React语法基础之JSX
- 03、react之 JSX语法
- React JSX编译为JavaScript
- react与jsx语法介绍--先行篇
- react与jsx语法--后续篇
- 2. React JSX语法及特点介绍
- React Native入门:关于JSX语法
- hibernate_Restrictions用法 .
- win32限制窗口在桌面上的移动范围
- Android Audio System 之二:AudioFlinger
- Java中遍历HashMap的两种方式
- ios开发资料
- React牵手JSX - 使用XML语法编写JAVASCRIPT
- UpdatePanel PostBack返回后执行Javascript实例
- 快速排序C++实现
- 电商怎么去运营
- Android 4.0 事件输入(Event Input)系统
- 过滤器工作原理
- CXF学习笔记3
- eclipse need JDK error
- 使用samba时出现"Failed to find entry for user..."