react -----元件化的開發思路

應用場景：

 1.複雜應用場景下仍然需要高效能。

 2.重用元件庫，元件組合。

 3:。‘懶’ 少做無用功

需求只是儲備：

語法糖

1. JSX 實際上是一種語法糖，寫法類似原生的HTML 巢狀一些JS 變數，其中的JS 變數部分需要用一對大括號包括（如視訊裡的`{this.props.name}`）。JSX 最終會由解析器編譯成真正的JS（視訊裡沒講到的是，JSX 並不是必須的，需要渲染的內容完全可以直接用JS 寫）；

2. JSX 中如果要為標籤設定類屬性，其名稱應為`className`；因為`class`是JS 裡的關鍵字（JSX 只是語法糖，最後要被編譯成JS，所以要考慮JS 的語法約束）；

3. JSX 中為標籤設定樣式屬性，屬性值應為一個物件；由於物件的字面量形式包括一對大括號，所以實際寫法應該是`style={{color: "red", fontSize: '16px'}}`。注意到這裡定義字型大小用的是`fontSize`而不是`font-size`，因為JS 操作CSS 屬性名就是以駝峰形式的。

4.，一個{}表示執行js表示式