react hooks學(xué)習(xí)之useState set值后,獲取值沒有更新

代碼截圖

設(shè)置了一個useState,用setPage來更新Page值??纯创蛴⌒Ч?/p>

代碼截圖

即使setPage了,拿到的page值依舊沒有更新。

原因:
因為setState是異步的,所以在調(diào)用setState后,this.state不會立刻映射到新的值。
另外也不要指望設(shè)置timeout時間來調(diào)用,這是無用功(這坑我踩過)。

( ̄_, ̄ )

最好的辦法,用hooks的useEffect方法,以page作為變量,觸發(fā)副作用調(diào)用getList(),獲取新一頁的數(shù)據(jù)。

 useEffect(() => {
    getList()
  }, [page]);

hooks如果不熟悉,真的折磨人吶o( ̄▽ ̄)d

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容