深刻理解 JSX

JSX定义

JSX(JavaScript XML) 是一个JavaScript 的语法扩展

ML 教程XML 指可扩展标记语言（eXtensible Markup Language）

JSX是一种嵌入式的相似XML的语法。 它能够被转换成合法的JavaScript，尽管转换的语义是依据不一样的实现而定的。 JSX因React框架而流行，但也存在其它的实现。

JSX的特色：

1. 类XML语法容易接受，结构清晰
2. 加强JS语义
3. 抽象程度高，屏蔽DOM操做，跨平台
4. 代码模块化

JSX基本语法规则：

JSX自己就和XML语法相似，能够定义属性以及子元素。惟一特殊的是能够用大括号来加入JavaScript表达式。遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析。

var arr = [
 <h1>Hello</h1>,
 <h2>React is nice</h2>,
];
ReactDOM.render(
 <div>{arr}</div>,
 document.getElementById('app')
);