首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

React中setState的用法

React中setState中的使用有一下几点注意事项:

1.React.setState更新数据是异步的,也就是并不会马上更新数据,而是在一次轮询之后将所有的State统一进行更改,这种方法可以减少DOM元素的重绘,但是也会造成一些问题

value:})

因为setState是异步的,所以console.log会先执行

并且所有代码执行完毕之后value为1,只加了一次,只会引发一次更新

正确的使用setState,不直接对State操作

要弥补这个问题,使用另一种 setState() 的形式,它接受一个函数而不是一个对象。这个函数将接收前一个状态作为第一个参数,应用更新时的 props 作为第二个参数:

我们在上面使用了一个箭头函数,但是也可以使用一个常规的函数:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180702G1R0L300?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券