react hooks学习之useState set值后,获取值没有更新

代码截图

设置了一个useState,用setPage来更新Page值。看看打印效果


代码截图

即使setPage了,拿到的page值依旧没有更新。

原因:
因为setState是异步的,所以在调用setState后,this.state不会立刻映射到新的值。
另外也不要指望设置timeout时间来调用,这是无用功(这坑我踩过)。

( ̄_, ̄ )

最好的办法,用hooks的useEffect方法,以page作为变量,触发副作用调用getList(),获取新一页的数据。

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

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

你可能感兴趣的:(react hooks学习之useState set值后,获取值没有更新)