setState詳解

首先如果直接在setState后面獲取state的值是獲取不到的
如圖:


setstate1

第一次,第二次打印都是初始值。通過異步方法調(diào)用可以獲得值。
那么在實(shí)際的項(xiàng)目中我們應(yīng)該怎么寫呢?
因?yàn)閟etState是可以接受兩個(gè)參數(shù)的,一個(gè)state,一個(gè)回調(diào)函數(shù)。因此我們可以在回調(diào)函數(shù)里面獲取值。


piliang
huidiao.png

所以我們可以得出結(jié)論:
1:setState異步調(diào)用
2:批量處理 并不是調(diào)用一次就會(huì)更新一次render

那么下一個(gè)問題來了 componentDidUpdate函數(shù)是在setState更新視圖后調(diào)用的 這個(gè)函數(shù)和setState的回調(diào)函數(shù)哪一個(gè)先執(zhí)行呢?


guess.png
first.png

所以得出結(jié)論:
3:componentDidUpdate函數(shù)先與setState回調(diào)執(zhí)行

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容