React的usestate设置了值后马上打印获取不到最新值

 我们在使用usestate有时候设置了值后,我们想要更新一些值,这时候,我们要想要马上获取这个值去做一些处理,发现获取不到,这是为什么呢?

效果如下:

1、原因如下

React中,当你使用useState钩子来管理状态,并尝试更新这个状态时,需要注意React的
状态更新是异步的
。这意味着当你调用setExpandKeysData函数时,React不会立
即更新expandKeysData的值,而是将这个更新排入队列,并在未来的某个时间点(通常是
当前的事件处理函数执行完毕后)应用这个更新。

我们要怎么能正确获取到呢?可以在useEffect中获取,注意如果有查询列表 的useEffect不要放一起,避免一直刷新,单独写一个新的useEffect即可

因此,如果你在设置状态后立即打印expandKeysData的值,你可能会看到旧的值,而不是新的值。这是因为React还没有来得及应用这个更新。为了解决这个问题,你可以使用几种方法:

方法一:使用useEffect钩子来观察状态变化:useEffect可以让你在状态变化后执行一些副作用操作,比如打印新的状态值。你可以将expandKeysData作为useEffect的依赖项之一,这样每当expandKeysData
变化时,useEffect就会执行。

方法二:在回调函数中更新状态:如果你需要在状态更新后执行某些操作,并且这些操作依赖于新的状态值,你可以考虑将这些操作放在一个回调函数中,并通过setState函数的第二个参数(如果它是函
数形式的话)来传递这个回调函数。但是,需要注意的是,useState的更新函数并不直接支持这种形式的回调。因此,这种方法更适用于useReducer或类组件中的setState。不过,对于useState,你可
以通过useEffect来实现类似的效果。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3248285.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

【STM32 HAL库】I2S的使用

使用CubeIDE实现I2S发数据 1、配置I2S 我们的有效数据是32位的,使用飞利浦格式。 2、配置DMA **这里需要注意:**i2s的DR寄存器是16位的,如果需要发送32位的数据,是需要写两次DR寄存器的,所以DMA的外设数据宽度设置16…

一文详解数据仓库、数据湖、湖仓一体和数据网格

随着数字化时代的到来,近几年数据领域的新技术概念不断涌现,数据湖、湖仓一体、流批一体、存算一体、数据编织抑或数据网格等新概念层出不穷,成为数据管理领域的新宠。本文将探讨主要探讨数据仓库、数据湖、湖仓一体以及数据网格的优势和局限…

【第三章】Bug篇

文章目录 软件测试的生命周期BUG分级如何描述BUGBUG分级BUG的生命周期 在工作中与开发人员产生争执怎么办 软件测试的生命周期 软件测试贯穿于软件的整个生命周期,具体的软件开发到维护的每一个阶段都需要有测试步骤去保证产品质量。下面简要分析软件测试的具体流程…

变频压缩机变频调节特点

变频压缩机以其能耗低、工况适应性强等优点让其得到更多的应用,但它的特点和注意事项,也不能忽视,以免产生相反的效果。 一、变频调节的特点 1、按照额定负荷设计的制冷空调系统在压缩机低转速运行时,压缩机的质量流量减少&#…

Unity格斗游戏,两个角色之间互相锁定对方,做圆周运动

1,灵感来源 今天手头的工作忙完了,就等着服务器那边完活,于是开始研究同步问题。 正好想到之前想做的,两个小人对线PK,便有了这篇文章。 2,要实现的效果 如图所示,两个小人可以互相锁定&…

Python中发送邮件的艺术:普通邮件、PDF附件与Markdown附件

用的是qq邮箱,具体获取smtp的password可以看这个文章 获取密码 Python中发送邮件的艺术:普通邮件、PDF附件与Markdown附件 在今天的博客中,我们将探讨如何使用Python的smtplib库来发送电子邮件,包括发送普通文本邮件、携带PDF文件的邮件和附带Markdown文件的邮件。这些功能…

力扣2296.设计一个文本编辑器

力扣2296.设计一个文本编辑器 对顶栈 将光标看作左右栈的分隔添加元素:往左栈添加元素删除元素:从左栈删除元素光标左(右)移:左(右)栈元素加到右(左)栈 class TextEditor {string left,right;public:TextEditor() {}void addText(string…

linux下JDK的安装

前言: 安装部署java开发的代码都需要java环境,这里记录下linux下JDK的安装过程,仅供学习参考。 JDK的下载 下载地址:https://www.oracle.com/java/technologies/downloads 选择和操作系统匹配的版本进行下载 查看操作系统&…

乐尚代驾二乘客登录与司机登录

乘客登录 需求说明 openid是小程序端微信的唯一标识 数据库表 表中存在openid就不是第一次登录,否则就是第一次登录 登录流程时序 如果是第一次登录,注册之后也是要返回token的code就是单纯什么参数都没有,直接调用微信接口服务的wx.logi…

Games101学习笔记 Lecture22 Animation(cont.)

Lecture22 Animation(cont. 一、单个粒子模拟Ordinary Differential Equation ODE 常微分方程ODE求解方法——欧拉方法解决不稳定中点法改进欧拉方法自适应步长隐式欧拉方法 二、流体模拟基于位置的方法物质点方法 一、单个粒子模拟 想模拟粒子在场中的运动 Ordinary Differe…

使用OpenCV寻找图像中的轮廓

引言 OpenCV(Open Source Computer Vision Library)是一个开源的计算机视觉和机器学习软件库。它提供了大量的视觉处理功能,包括图像和视频捕获、特征检测与匹配、图像变换、图像分割、颜色空间转换等。在图像处理中,寻找图像中的…

Docker容器下安装Matlab,无需挂载

Matlab的安装需要这些文件 传入ubuntu后,改过相关的文件权限后,发现还是无法挂载 这有可能是docker的安全管理策略导致容器不能挂载,因此采用不挂载形式,直接解压的方式安装Matlab 1.将iso改成zip,并解压 2.解压rar文件…

MimicMotion-腾讯开源视频生成框架

腾讯宣布开源可控视频生成框架 MimicMotion,该框架可以通过提供参考人像及由骨骼序列表示的动作,来产生平滑的高质量人体动作视频 MimicMotion 具有以下几个亮点: 首先,通过引入了置信度感知的姿态引导信号,大幅提升了…

Ubuntu20.04从零开搭PX4MavrosGazebo环境并测试

仅仅是个人搭建记录 参考链接: https://zhuanlan.zhihu.com/p/686439920 仿真平台基础配置(对应PX4 1.13版) 语雀 mkdir -p ~/tzb/catkin_ws/src mkdir -p ~/tzb/catkin_ws/scripts cd catkin_ws && catkin init catkin build cd…

Re-labeling ImageNet(CVPR 2021, Naver)

paper:Re-labeling ImageNet: from Single to Multi-Labels, from Global to Localized Labels official implementation:GitHub - naver-ai/relabel_imagenet 背景 ImageNet 数据集是现代计算机视觉领域的重要基准,广泛用于图像分类模型的…

中国社科大与英国斯特灵大学合作办学双证创新与领导力管理学博士

中国社科大与英国斯特灵大学合作办学双证创新与领导力管理学博士,2024级火热报名申请中,不想脱产的,不想发表论文的,不想长时间出国的,想短期获取博士学位的,想留服认证的,把握短暂机会啦&#…

网络故障处理及分析工具:Wireshark和Tcpdump集成

Wireshark 是一款免费的开源数据包嗅探器和网络协议分析器,已成为网络故障排除、分析和安全(双向)中不可或缺的工具。 本文深入探讨了充分利用 Wireshark 的功能、用途和实用技巧。 无论您是开发人员、安全专家,还是只是对网络操…

前端面试题(JS篇五)

一、同步与异步的区别 同步指的是当一个进程在执行某一个请求的时候,如果这个请求需要等待一段时间才能返回,那么这个进程会一直等待下去,直到这个消息返回之后才会继续执行。 指的是当一个进程在执行某一个请求的时候,如果这个请…

PSINS工具箱函数介绍——r2d

介绍工具箱里面r2d这个小函数的作用。 程序源码 function deg r2d(rad) % Convert angle unit from radian to degree % % Prototype: deg r2d(rad) % Input: rad - angle in radian(s) % Output: deg - angle in degree(s) % % See also r2dm, r2dms, d2r, dm2r, dms2r% …

电阻有哪些参数呢

电阻是电路中最常见的元件之一,它在控制电流、分压和保护电路等方面发挥着重要作用。了解电阻的主要参数对于选择和使用电阻至关重要。本文将详细介绍电阻的主要参数,包括电阻值、功率额定值、温度系数、容差、噪声、频率特性、体积和封装等。 1. 电阻值…