React中setState回调
来源:互联网 发布:数控编程仿真软件 编辑:程序博客网 时间:2024/04/30 00:34
在使用React过程中,中可以使用this.state来访问需要的某些状态,但是需要更新或者修改state时,一般而言,我们都会使用setState()函数,从而达到更新state的目的,setState()函数执行会触发页面重新渲染UI。但是!!!setState是异步的!!!
1. 语法:
setState(updater[, callback]) //
updater是要改变的state对象,callback是state导致的页面重新渲染的回调,等价于componentDidUpdate
2. 区别:
//不使用回调this.state = {preState: false};this.setState({preState: true});console.log(this.state.preState); // false//使用回调this.state = {newState: false};this.setState( { newState: true }, ()=> { console.log(newState); // true });
3. 注意:
- 刚说了,setState是异步的!不保证数据的同步。
- setState更新状态时可能会导致页面不必要的重新渲染,影响加载。
- setState管理大量组件状态也许会导致不必要的生命周期函数钩子调用。
阅读全文
0 0
- React中setState回调
- React中setState回调函数
- React中setState同步更新策略
- React中setState同步更新策略
- react 中setState状态没有“更新”
- React 之 setState
- React —(setState 方法)
- 震惊! React中三个方法获取setState更新之后的state !其中一个竟用到Promise!
- react setState 的回调函数
- React源码分析5 — setState机制
- React的setState立即执行方案
- react学习笔记之setState方法注意事项
- React总结1:异步更新的setState
- React总结8:setState()的参数
- React的异步更新的setState
- React与Preact差异之 -- setState
- React与Preact差异之 -- setState
- react入坑之setState注意事项
- linux下启动svn实例
- Spring Cloud (19) | Eureka Server 高可用服务注册中心
- Django实现CAS+OAuth2
- demon14.5-14.6
- 合并排序,合为重
- React中setState回调
- C语言总结
- 对数函数
- Unity3D 鼠标拖动和旋转物体以及鼠标拖动图片
- HTML中      等6种空白空格实体的区别
- 【解决】:不能删除旧版本的Apple Software Update
- HTTP和FTP的区别的一些理论知识
- Cocos2d-x内存管理之autorelease,addChild和removeFromParent
- Eureka 源码解析 —— 应用实例注册发现(八)之覆盖状态