- setState相關(guān)
- setState是同步執(zhí)行的，但是state不一定同步更新
- 多次執(zhí)行setState，內(nèi)部會合并 ，進(jìn)行批量操作，類似于Object.assgin，相同的key會覆蓋前面的。
- 在原生事件，setTimeout、setInterval、Promise等異步操作中，state會同步更新
- setState(object, callback)，對象式object為nextState；
- setState(function, callback)，函數(shù)式，function為(prevState, props) => stateChange
- callback為state更新后的回調(diào)，此時可以取得更新后的回調(diào)
setState基本過程
它會引起react的更新生命周期的4個函數(shù)執(zhí)行：shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate，直到render被調(diào)用時，this.state才被更新。
setState批量更新過程
react生命周期和事件執(zhí)行前后都有相應(yīng)的鉤子，分別是pre鉤子和post鉤子，pre會調(diào)用batchedUpdate方法，將isBatchingUpdates變量置為true，開啟批量更新，而post鉤子會置為false。原生事件和異步操作中，不會執(zhí)行pre鉤子，所以不會批量更新
當(dāng)調(diào)用this.setState()時，新值存入pending隊(duì)列，—>判斷是否處于batch update，是的話保存在dirtyComponent中；不是遍歷所有dirtyComponent，調(diào)用updateComponent，更新pending state or props
缺點(diǎn)：
- setState會循環(huán)引用：
shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate等生命周期函數(shù)會被依次調(diào)用，如果在后面4個方法中調(diào)用了setState，會造成循環(huán)調(diào)用，導(dǎo)致內(nèi)存溢出而奔潰。 - 會引起不必要的渲染：可以通過shouldComponentUpdate解決；
- 不能有效管理組件中所有狀態(tài)，因?yàn)槟承顟B(tài)和視圖沒有關(guān)系，state中應(yīng)該保存與渲染相關(guān)的狀態(tài)，與渲染無關(guān)的直接保存為實(shí)例屬性
- setState類似于Object.assgin，只會覆蓋，不會減少原狀態(tài)；replaceState完全替換原狀態(tài)，相當(dāng)于賦值。
- :star:?setState同步異步問題
- setState 只在合成事件和鉤子函數(shù)中是“異步”的，在原生事件和 setTimeout 中都是同步的。
- setState的“異步”并不是說內(nèi)部由異步代碼實(shí)現(xiàn)，其實(shí)本身執(zhí)行的過程和代碼都是同步的，只是合成事件和鉤子函數(shù)的調(diào)用順序在更新之前，導(dǎo)致在合成事件和鉤子函數(shù)中沒法立馬拿到更新后的值，形式了所謂的“異步”，當(dāng)然可以通過第二個參數(shù) setState(partialState, callback) 中的callback拿到更新后的結(jié)果。
- setState 的批量更新優(yōu)化也是建立在“異步”（合成事件、鉤子函數(shù)）之上的，在原生事件和setTimeout 中不會批量更新，在“異步”中如果對同一個值進(jìn)行多次 setState ， setState 的批量更新策略會對其進(jìn)行覆蓋，取最后一次的執(zhí)行，如果是同時 setState 多個不同的值，在更新時會對其進(jìn)行合并批量更新。
