2019-03-28-12:03:于公司
setState通常大家都認(rèn)為是異步的,那就呵呵了。
在 React 中,如果是由 React 引發(fā)的事件處理(比如通過(guò) onClick 引發(fā)的事件處理),調(diào)用 setState 不會(huì)同步更新 this.state,除此之外的 setState 調(diào)用會(huì)同步執(zhí)行 this.state。
多個(gè)state會(huì)合成到一起進(jìn)行批量更新
所謂“除此之外”,通過(guò) addEventListener 直接添加的事件處理函數(shù),還有通過(guò) setTimeout/setInterval 產(chǎn)生的異步調(diào)用。
原因:
在 React 的 setState 函數(shù)實(shí)現(xiàn)中,會(huì)根據(jù)一個(gè)變量 isBatchingUpdates 判斷是直接更新 this.state 還是放到隊(duì)列中回頭再說(shuō)。
isBatchingUpdates 默認(rèn)是 false,也就表示 setState 會(huì)同步更新 this.state,但是,有一個(gè)函數(shù) batchedUpdates,這個(gè)函數(shù)會(huì)把 isBatchingUpdates 修改為true,而當(dāng) React 在調(diào)用事件處理函數(shù)之前就會(huì)調(diào)用這個(gè) batchedUpdates,造成的后果就是由 React 控制的事件處理過(guò)程 setState 不會(huì)同步更新 this.state。