实习总结W1——setState()同步异步、回调函数、Cookie与Session

本文详细探讨了React中的setState()异步性质及其在不同场景下的表现,强调了回调函数在处理setState完成后的应用。此外,还讨论了如何在React组件中重置select选择项,并对比了Cookie与Session的存储与使用特性。
摘要由CSDN通过智能技术生成

setState()同步异步

setState()会出现state延迟更新的情况,不要用setTimeout函数调用setState来改进。setState是异步的,可以通过调用回调函数来解决。
在这里插入图片描述

  • 关于setState()是同步还是异步的说法,准确来说,在React内部机制能够检测到的地方,setState是异步的;在React检测不到的地方,比如setInterval,setTimeout里,setState是同步更新的。【setInterval表示按照指定的周期来调用函数,一直到clearInter为止。setTimeout表示在指定的毫秒数后调用函数】。
    换句话说,setState只在合成事件(onClick,onChange)和钩子函数(钩子函数一般是在某个框架里面的叫法,是这个框架在生命周期的某个阶段触发的回调函数,如componentDidMounted)。是异步的。在原生事件(非react合成事件,原生自带的事件监听addEventListener,或直接用原生js、jq直接document.querySelector().onClick这种绑定事件的形式都是原生事件)和setTimeout中是同步的。
    当setState接受一个回调函数时,这个回调函数会在setState完成以后直接调用,这样在这个回调函数中就可以获得最新的state。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值