React中的state(一)

在React应用中,this.setState在组件挂载后如componentDidMount中调用,只会渲染一次。不同于Vue的nextTick,setState的callback函数会在DOM更新后执行,用于处理依赖于新状态的DOM操作。在React中模拟Vue的nextTick效果,可以在setState的callback中进行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.

在初始化中定义num为1,

在componentDidMount中调用getImsi()方法后,发现react的this.setstate只会在该方法执行完毕后渲染一次,并不会setstate一次执行一次,返回的结果依旧是num+1=2

2.在vue中有nextTick能够在dom渲染完后再操作nextTick中的内容,而在react中的类组件中也有类似的操作,this.setState(change,callback),在平常一般对变量进行修改使用setState中的change就能够达到我们的需求,如果要实现实现vue中的nextTick效果,则可以使用setState中的callback,callback是一个函数,它是在this.setState安装change的内容渲染完dom后返回的函数,可以在这个函数中进行dom渲染完的操作。

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值