react快速上手二（使用JSX語法）

前提：

下載依賴，配置

cnpm i babel-preset-react -D

JSX語法的本質：

仍是以 React.createElement 的形式來實現的，並無直接把 用戶寫的 HTML代碼，渲染到頁面上；

語法：

1.若是要在 JSX 語法內部，書寫 JS 代碼了，那麼，全部的JS代碼，必須寫到 {} 內部。

2.當 編譯引擎，在編譯JSX代碼的時候，若是遇到了`<`那麼就把它看成 HTML代碼去編譯，若是遇到了 `{}` 就把 花括號內部的代碼看成 普通JS代碼去編譯。

3.在{}內部，能夠寫任何符合JS規範的代碼。

4. 在JSX中，有關鍵字限制，若是要爲元素添加`class`屬性了，那麼，必須寫成`className`，由於 `class`在ES6中是一個關鍵字；和`class`相似，label標籤的 `for` 屬性須要替換爲 `htmlFor`。
5. 在JSX建立DOM的時候，全部的節點，必須有惟一的根元素進行包裹，和vue同樣。
6. 若是要寫註釋了，註釋必須放到 {} 內部。