JSX

const element = <h1>Hello, world</h1>;

在React上的使用

沒有採用人為式分離標記與邏輯至不同檔案

內嵌表達式

在JSX裡使用JS

code:javascript

const name = 'Josh Perez';

const element = <h1>Hello, {name ? name : 'John Doe'}</h1>;

JSX也是一種表達式

編譯之後，JSX表達式會轉換為普通的JavaScript函式呼叫

取值後回傳JavaScript物件

也就是說，你可以

在if語法和for迴圈的程式碼區塊使用JSX

儲存JSX至變數

從函式中回傳JSX

小寫開頭會分類為DOM元素

大寫開頭會分類為React元件

這種情況即使是小寫開頭也會分類為React元件

不可省略結束標籤