[react] react中的setState執(zhí)行機(jī)制是什么呢？

1.將setState傳入的partialState參數(shù)存儲在當(dāng)前組件實例的state暫存隊列中。
2.判斷當(dāng)前React是否處于批量更新狀態(tài)，如果是，將當(dāng)前組件加入待更新的組件隊列中。
3.如果未處于批量更新狀態(tài)，將批量更新狀態(tài)標(biāo)識設(shè)置為true，用事務(wù)再次調(diào)用前一步方法，保證當(dāng)前組件加入到了待更新組件隊列中。
4.調(diào)用事務(wù)的waper方法，遍歷待更新組件隊列依次執(zhí)行更新。
5.執(zhí)行生命周期componentWillReceiveProps。
6.將組件的state暫存隊列中的state進(jìn)行合并，獲得最終要更新的state對象，并將隊列置為空。
7.執(zhí)行生命周期componentShouldUpdate，根據(jù)返回值判斷是否要繼續(xù)更新。
8.執(zhí)行生命周期componentWillUpdate。
9.執(zhí)行真正的更新，render。
10.執(zhí)行生命周期componentDidUpdate

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[react] react中的setState执行机制是什么呢？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。