（1）this.props 表示那些一旦定義，就不再改變的特性，而 this.state 是會隨著用戶互動而產生變化的特性
（2）組件的首字母必須大寫，不然不報錯也不顯示
（4）在 JSX 中不能使用 if else 語句，但可以使用 conditional (三元運算) 表達式來替代
（2）Adjacent JSX elements must be wrapped in an enclosing tag
多個組件中返回的標簽要用塊級標簽包裹起來
（3）報錯：Unterminated JSX contents
多半是標簽寫錯了，比如閉合標簽斜線寫在了后面
（5）類繼承方式創建組件
image.png
react賦予state的特性，則是當state被修改時，會引起組件的一次重新渲染。即render方法會重新執行一次。也正是由于這個特性，因此當我們想要改變界面上的元素內容時，常常只需要改變state中的值就行了。這也是為什么結合render方法，我們可以不再需要jquery的原因所在。
為了區分ES6語法中的class關鍵字，當我們在jsx中給元素添加class時，需要使用className來代替
通常會在首次渲染改變組件狀態(state)的行為，或者稱之為有副作用的行為，都建議放在componentDidMount中來執行。主要是因為state的改動會引發組件的重新渲染。
我們很容易知道父組件想要修改子組件，只需要通過改變傳入的props屬性即可。那么子組件想要修改父組件的狀態呢？正是父組件通過向子組件傳遞一個函數的方式來改變。
（6）React事件綁定的優點
image.png
（7）
image.png
（8）引入組件必須加上當前目錄
image.png
否則會找不到模塊
image.png
（9）create-react-app創建工程失敗
image.png
修改淘寶源為默認源
image.png
進行該路徑下緩存的刪除
image.png
（10）展示組件與容器組件分離
分離的好處: 可以對展示組件中的數據進行類型判斷PropTypes
