setState詳解

首先如果直接在setState後面獲取state的值是獲取不到的
如圖:
setstate1
第一次,第二次打印都是初始值。通過異步方法調用可以獲得值。
那麼在實際的項目中我們應該怎麼寫呢?
因爲setState是可以接受兩個參數的,一個state,一個回調函數。因此我們可以在回調函數裏面獲取值。
piliang

huidiao.png

所以我們可以得出結論:
1:setState異步調用
2:批量處理 並不是調用一次就會更新一次render

那麼下一個問題來了 componentDidUpdate函數是在setState更新視圖後調用的 這個函數和setState的回調函數哪一個先執行呢?
guess.png

first.png
所以得出結論:
3:componentDidUpdate函數先與setState回調執行

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章