?JSX入門

3.1 概述

1. 全稱:?JavaScript XML

2. React定義的一種類似于XML的JS擴展語法: JS + XML本質(zhì)是React.createElement(component, props, ...children)方法的語法糖

3. 作用: 用來簡化創(chuàng)建虛擬DOM
   a.寫法：const ele = <h1>Hello JSX!</h1>
   b.注意1：它不是字符串, 也不是HTML/XML標(biāo)簽
   c.注意2：它最終產(chǎn)生的就是一個JS對象

3.2 基本語法規(guī)則

1. 定義虛擬DOM時，不要寫引號。

2. 標(biāo)簽中混入JS表達式時要用 { }。

3. 樣式的類名指定不要用 class，要用 className。（因為class是ES6中類的關(guān)鍵字，所以不讓用）

4. 內(nèi)聯(lián)樣式，要用 style={{ key:value }} 的形式去寫。

5. 只有一個根標(biāo)簽

6. 標(biāo)簽必須閉合

7. 標(biāo)簽首字母
   a.若小寫字母開頭，則將該標(biāo)簽轉(zhuǎn)為html中同名元素，若html中無該標(biāo)簽對應(yīng)的同名元素，則報錯。
   b.若大寫字母開頭，React就去渲染對應(yīng)的組件，若組件沒有定義，則報錯。