JSX語法基礎和React自定義組件

1、 JSX 語法基礎

React 使用 JSX 來替代常規的JavaScript。

JSX 是按照 XML 語法規範 的 JavaScript 語法擴展。

JSX 有以下優點：

• JSX 執行更快，因爲它在編譯爲 JavaScript 代碼後進行了優化；
• 它是類型安全的，在編譯過程中就能發現錯誤；
• 使用 JSX 編寫模板更加簡單快速。

**JSX 語法的本質：**並不是直接把 JSX 渲染到頁面上，而是內部先轉換成了 createElement 形式，再渲染的。

**JSX 註釋：**推薦使用 {/* 這是註釋 */}；

**JSX中添加class類名：**需要使用 className 來替代 class ；htmlFor 替代 label 的 for 屬性；

在JSX創建DOM的時候，所有節點必須有唯一的根元素進行包裹；

在JSX語法中，標籤必須成對出現，如果是單標籤，則必須自閉和；

代碼示例：

const mydiv = <