[react] react中的setState执行机制是什么呢?
生活随笔
收集整理的這篇文章主要介紹了
[react] react中的setState执行机制是什么呢?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[react] react中的setState執行機制是什么呢?
1.將setState傳入的partialState參數存儲在當前組件實例的state暫存隊列中。
2.判斷當前React是否處于批量更新狀態,如果是,將當前組件加入待更新的組件隊列中。
3.如果未處于批量更新狀態,將批量更新狀態標識設置為true,用事務再次調用前一步方法,保證當前組件加入到了待更新組件隊列中。
4.調用事務的waper方法,遍歷待更新組件隊列依次執行更新。
5.執行生命周期componentWillReceiveProps。
6.將組件的state暫存隊列中的state進行合并,獲得最終要更新的state對象,并將隊列置為空。
7.執行生命周期componentShouldUpdate,根據返回值判斷是否要繼續更新。
8.執行生命周期componentWillUpdate。
9.執行真正的更新,render。
10.執行生命周期componentDidUpdate
個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[react] react中的setState执行机制是什么呢?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 由陌生到认识——物联网LoRa技术入门简
- 下一篇: [react] react组件间的通信有