---
# System prepended metadata

title: JSX 語法
tags: [react]

---

# JSX 語法

###### tags: `react`

JSX的語法是什麼呢?

1. HTML語法可以當作參數、變數值傳遞
2. 傳遞HTML時，只能傳遞一個標籤元素
3. 可以在 HTML 標籤中利用「{}」寫Javascript表示式
4. 「class」屬性變成「className」
5. style變為一物件、屬性名稱規則改用駝峰法(用大寫區隔)、屬性的值變成字串
6. 元素Array會被自動展開
7. JSX的JS表示式中，可以用布林值比較來決定是否顯示元素
const condition = true;
const data = condition && 1;

console.log(data)
// 印出 1

8. 所有原生的屬性名稱改為駝峰法命名

把函式綁在jsx元素的方式有兩種:

{ ()=>{函式定義} }
{ 函式名稱 }，不是{ 函式名稱~~()~~ }。
