说一说我了解的react生命周期函数
2024-08-28 14:35:08
我了解的几个阶段
- Mounting 挂载
- Updating 更新
- Unmounting 卸载
我说几个我常用的钩子函数
1.挂载阶段Mounting
1)constructor():函数构造器
执行次数:1
作用:初始化
2)componentDidmount()
执行次数:1
作用:Dom挂载完成获取节点,通常在这里发起数据请求
3)render()
react最重要的步骤,创建虚拟dom,进行diff算法,更新dom树都在此进行。此时就不能更改state了。
4)shouldComponentUpdate(nextProps, nextState):判断组件是否更新的钩子函数
执行次数:多次
触发条件:组件挂载之后,每次调用setState后都会调用shouldComponentUpdate判断是否需要重新渲染组件。默认返回true,需要重新render。
触发条件:组件挂载之后,每次调用setState后都会调用shouldComponentUpdate判断是否需要重新渲染组件。默认返回true,需要重新render。
2.更新阶段Updating
1)componentDidUpdate(prevProps, prevState):组件完成更新时执行的钩子函数
执行次数:多次
作用:除了首次render之后调用componentDidMount,其它render结束之后都是调用componentDidUpdate。
3.卸载阶段Unmounting
1)componentWillUnmount():组件将要卸载是执行的钩子函数
执行次数:1
触发条件:组件将要被卸载的时候调用。一般在componentDidMount里面注册的事件需要在这里删除
知道的并不是很多,所有就写了这些
最新文章
- [原创]cocos2d-x研习录-第三阶 特性之瓦片地图集
- Linux 搭建svn服务器
- hadoop2.5重新编译问题
- Atitit.如何选择技术职业方向
- linux下安装vtune_amplifier_xe_2015_update4
- MINIX3 内核时钟分析
- WINDOWS下,中文JSON格式读取报错处理:ValueError: No JSON object could be decoded
- Eclipse常用插件推荐
- 如何设置Installshield中 feature的选中状态
- World Finals 2003 UVA - 1025 A Spy in the Metro(动态规划)
- 「征文」在 cordova 中使用极光统计服务
- jquery判断邮箱对错
- java 使用https协议,cas认证PKIX path building failed错误解决方法
- MySQL学习进阶
- Java基础--面向对象编程3(继承)
- var that = this 小坑记
- git:当本地分支中的代码和develop分支上有很多冲突,希望删掉本地分支,重新建立新的分支,怎么解决?
- go标准库的学习-time
- linux(centos) 添加系统环境变量
- Python中的对象行为与特殊方法(二)类型检查与抽象基类