1、全稱：javaScript XML
2、react定義的一種類似于XML的JS擴展語法：js + XML
更高效創建虛擬DOM

3 語法規則：

• 定義虛擬DOM時，不要寫引號。
• 標簽中混入JS表達式時要用{}
• 樣式的類名指定不要用class，要用className。
• style寫法 style={{color:‘white’,fontSize:‘29px’}}(外邊的大闊號表示里面放的js表達式，里邊的大闊號表示一個對象)
• 只有一個根標簽
• 標簽必須閉合
• 標簽首字符

  若小寫字母開頭，則將該標簽轉為html中同名元素，若html中無該標簽對應的同名元素，則報錯
  若大寫字母開頭，react就去渲染相應的的組件，若組件沒有定義，則報錯。

【補充】

• XML早期用于存儲和傳輸數據,后來被JSON取代
  原因是：XML存儲的信息會附帶標簽，JSON就不用，比較輕便，具有parse和stringify兩個屬性，轉化數據類型很方便
• 關于虛擬DOM：
  1、本質是Object類型的對象（一般對象）
  2、虛擬DOM比較"輕",真實DOM比較“重”，因為虛擬DOM是React內部在用，無需真實DOM上那么多的屬性。
  3、虛擬DOM最終會被React轉化為真實的DOM，呈現在頁面上

區分【js表達式】和【js語句（代碼）】

1，表達式：一個表達式會產生一個值，可以放在任何一個需要值的地方
例 a a+b demo(1) arr.map function aaa(){}
2 語句
例 if(){} swich(){} for(){}

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的jsx详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。