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

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

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

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

(￣_,￣ )

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

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

hooks如果不熟悉，真的折磨人呐o(￣▽￣)ｄ

react hooks学习之useState set值后，获取值没有更新相关推荐

easyui-textbox 和 easyui-validatebox 设置值和获取值
表单作如下定义:该input使用easyui的"easyui-textbox" <input id="addSnumber" style="wi ...
php中节点值怎么获取,php – 节点更新：获取旧值
我正在使用nodeapi更新更新节点,但是我需要在幕后进行更多操作,这需要我知道字段的旧值/是否有一种方法可以在覆盖之前获取字段的旧值. 最佳答案编辑 hook_nodeapi()只对新的$node ...
React hooks学习 -- “useContext”
useContext useContext可以创建一个独立的空间,用来跨层传递数据.且所传递的数据能够实时更新. // useContext // 基础demo - App -> A -> ...
final 字符常量——确定一个值后该值无法改动，使变量变字符常量
final double PI= 3.14; //初始化PI是3.14后,不能再次赋值,如下: PI=100; //程序会报错,因为用final初始化后不能改变. 一般来说用到final后字符常量须全 ...
Vue 数组中更新属性值后，视图不更新，等待其他元素更新后会触发的解决办法...
因为 JavaScript 的限制,Vue.js 不能检测到下面数组变化: 直接用索引设置元素,如 vm.items[0] = {}: 修改数据的长度,如 vm.items.length = 0. t ...
（十三）react hooks
react hooks react hooks 出几道react hooks面试题 class组件存在哪些问题用useState实现state和setState功能用useEffect模拟组件生命 ...
react获取全局_使用react hooks实现的简单全局状态管理
注意,此代码存储库已被弃用,不会再更新维护了. Note that this code repository has been deprecated and will not be updated a ...
React Hooks 分享
目录一,什么是Hooks 二,为什么要使用Hooks 三,React hooks 四, useState 使用及实现五,useEffect 使用及实现六,如何实现多个useState, useE ...
ssh备考-06Struts2 往值栈中存入值，以及前端获取值栈中的值
目录注意点: 一.先搭建好struts2框架 index.jsp struts.xml User.java 二.往值栈压值,前端如何获取值 1.获取值栈 ValueStack1Action.java ...

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

react hooks学习之useState set值后，获取值没有更新相关推荐

最新文章

热门文章