語法：setState(newState [,callback])

1、只要有入門基礎的同學都知道 setState({...}) 是更新元件中的 state 內容

2、但是，setState 是非同步的，倘若我們設定完就使用新的 state 就可能得不到我們想要的結果，例如：

this.state = {init:1}
this.setState({init:2})
console.log(this.state.init); // 輸出結果為：1
//----------但是，我們明明是想要結果為 2------so~~~回撥函式就解決了這個問題~~~-------
this.setState({init:2
 
}, ()=>{
    console.log(this.state.init); // 輸出結果為：2
})

⚠️從上面的程式碼段可以看出，setState 中的回撥函式作用大致與 componnetDidUpdate生命週期函式相似

setState 方法將元件的更改排入佇列，並且告訴 React 使用更改後的狀態更新元件；而 React 會在必要的時候一起更新幾個元件，而不是每次都立即進行更新。所以，我們需要將 setState 視為請求，而不是一個立即執行函式。在官方文件中，建議使用 componentDidUpdate 代替回撥函式這種邏輯。

3、setState 內在隱患，由於 setState 是非同步的，並且有可能是同一週期同一批次進行處理，就會出現以下問題：

　後一個更改替代了前一個更改，原本為們是想要 quantity + 2，由於非同步批次處理，導致 quantity 最終只加 1

1 Object.assign(
2   previousState,
3   {quantity: state.quantity + 1},
4   {quantity: state.quantity + 1},
5   ...
6 )

　倘若下一個狀態取決於先前的狀態，，不建議寫作形式如下：

//wrong
this.setState({
  counter: this.state.counter + this.props.increment,
});

　　而是：

//correct
this.setState((prevState, props) => ({
  counter: prevState.counter + props.increment
}));