1、造樹。type=text/babel，逗號分離 

2、jsx語法（遇到HTML標籤（以< 開頭），就用HTML規則解析；遇到程式碼塊（以{ 開頭），就用JavaScript規則解析）。

函式引數之間的空格，結尾不加分號，數組裡可放html；

3、元件。元件類的第一個字母必須大寫，否則會報錯，比如HelloMessage不能寫成helloMessage。另外，元件類只能包含一個頂層標籤，否則也會報錯。

4、屬性。Proper（屬性）從父元件傳入的資料會做為子元件的 屬性（property ） ，這些屬性（properties）可以通過 this.props 

Tip1，class 屬性需要寫成className ，for 屬性需要寫成htmlFor ，其他正常

Tip2，例外 this.props.children 屬性。它表示元件的所有子節點（更多）

Tip3，元件類的PropTypes屬性，用來驗證元件例項的屬性是否符合要求（更多）

Tip4， 設定元件屬性的預設值。

5、DOM節點

注：必須獲取真實的 DOM節點，虛擬DOM是拿不到使用者輸入的。為了做到這一點，文字輸入框必須有一個 ref 屬性，然後this.refs.[refName] 就會返回這個真實的DOM節點。

  需要注意的是，由於 this.refs.[refName] 

6、This.state。this.props 表示那些一旦定義，就不再改變的特性， 而this.state 是會隨著使用者互動而產生變化的特性。

使用者在表單填入的內容，屬於使用者跟元件的互動，如input元素、textarea 元素、select元素、radio元素（詳情）

7、元件生命週期（更多）。will 函式在進入狀態之前呼叫，did 函式在進入狀態之後呼叫，三種狀態共計五種處理函式。

React元件樣式是一個物件，所以第一重大括號表示這是JavaScript語法，第二重大括號表示樣式物件

8、ajax

一個Promise物件可以理解為一次將要執行的操作，使用了Promise物件之後可以用一種鏈式呼叫的方式來組織程式碼，讓程式碼更加直觀。

Promise 物件有三種狀態：
1.Fulfilled 可以理解為成功的狀態
2.Rejected 可以理解為失敗的狀態
3.Pending 既不是 Fulfilld 也不是 Rejected 的狀態，可以理解為 Promise 物件例項建立時候的初始狀態。

then方法就是根據 Promise 物件的狀態來確定執行的操作,then方法負責新增針對已完成和拒絕狀態下的處理函式

養成了一個個人習慣就是在then方法內部永遠顯式的呼叫return或者throw catch

.catch(function(error){
               console.log(error);
            });

連結本地json

json格式

{

"xx":"xx",

"xx":[{

   "xxx":"xxxx",

   "xxx":"xxxx"

}]

}