首页 > 其他分享 >useState"失效“问题解释和解决方案

useState"失效“问题解释和解决方案

时间:2022-09-30 16:13:35浏览次数:65  
标签:count 解决方案 setCount useState onclick 失效 页面 setState

示例:

const [count,setCount]=useState(0)

简单的onclick事件中,setCount(1)后紧接着输出或者使用,则输出的值还是0

原因:

setState会导致页面刷新,(useRef不会)页面刷新的时候会把当前周期的函数执行完,之后进入下一个周期,因此onclick中setCount之后调用count的方法或者console.log(count)所拿到的count值都为0;即setCount之前的值;新的count值会在新的周期里面生效

解决方法:

setCount(()=>1)

这时候会改变setState原有的策略,使接下来的方法能顺利拿到更新后的值!

标签:count,解决方案,setCount,useState,onclick,失效,页面,setState
From: https://www.cnblogs.com/Simoon/p/16745219.html

相关文章

  • 危房监测系统解决方案 高精度GNSS监测定位一体机应用
    危房监测系统解决方案高精度GNSS监测定位一体机应用计讯物联危房安全监测解决方案是对民房、厂房、高层建筑、基坑周边建筑物沉降、倾斜、水平位移、裂缝、振动......
  • 刀具的失效模式及应对措施
    刀具的失效方式各不相同。相同的切削刃应用于两种不同的工艺过程时,可能会出现两种完全不同的失效类型。虽然刀具供应商对各种刀具失效模式进行了大量研究,但有关刀具失效模式......
  • vmware虚拟机运行XP系统速度很慢的解决方案
    一直用vmware,觉得很好用,昨天打开之前装好的XP,卡成狗了,以为是WIN10系统问题,到网上找了找解决方法,贴吧里说是360的问题。一试果然还解决了。打开360的设置360设置中心......
  • 基于AM5728 DSP+ARM阵列麦克风解决方案
    阵列麦克风解决方案 01.AI智能语音解决方案产品方向●在语音交互中,大体可以分为目标信号拾取、语音增强、语音识别、语义理解、信息反馈这五个部分,其中语音识别技术已经......
  • 基于AM5728的工业自动化解决方案
    2015北京国际互联网大会最大亮点,就是比尔盖茨的预言开始实现--“智能机器人就像笔记本电脑一样进入千家万户”,具体可以查看央视专题节目介绍《机器人总动员》。进入2015年之......
  • 国产RK3588+DSP+FPGA+AI工业视觉主板解决方案
     工业4.0驱动新一轮工业革命,核心特征是互联,进一步信息化、智能化是典型的特点。顺应工业4.0的需求,瑞芯微针对性地提供了HMI人机交互、信息采集及控制、以及AI视觉等解决方......
  • XM5728-GW物联网网关:智能农业系统解决方案
    XM5728-GW物联网网关:智能农业系统解决方案  介绍由于气候变化和人口激增对我们的影响,人类面临着前所未有的挑战和潜在的粮食危机。为了更好地利用有限的资源,以及提高作物......
  • 基于TI C6748+ SPARTAN6的多核异构评估板解决方案
    1评估板简介基于TITMS320C6748定点/浮点DSPC674x+XilinxSpartan-6FPGA处理器;ØDSP与FPGA通过uPP、EMIFA、I2C总线连接,通信速度可高达228MByte/s;ØDSP......
  • 若依框架分页失效
    说明:我这里若依框架失效是因为在一个serviceImpl里执行了两个mapper,导致分页被第一个mapper消费掉了,我这里是第一个mapper的结果作为第二个mapper的参数,代码改进:代码改进......
  • 一个页面标题和过滤输出的解决方案(上)
    首先要提到一个东西:Response.Filter,它可以为你服务什么?filter可以让你截取到最后的html输出,如果你的程序需要在输出之前,做一些处理,用这个比较方便。  第二个问题,在哪里,如......