深刻理解 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')
);