天天看點

setState詳解

首先如果直接在setState後面擷取state的值是擷取不到的

如圖:

setState詳解

第一次,第二次列印都是初始值。通過異步方法調用可以獲得值。

那麼在實際的項目中我們應該怎麼寫呢?

因為setState是可以接受兩個參數的,一個state,一個回調函數。是以我們可以在回調函數裡面擷取值。

setState詳解
setState詳解

是以我們可以得出結論:

1:setState異步調用

2:批量處理 并不是調用一次就會更新一次render

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

setState詳解
setState詳解

是以得出結論:

3:componentDidUpdate函數先與setState回調執行

繼續閱讀