Lesson 20 更新阶段的组件生命周期
发布日期:2022-09-10 02:56:22
浏览次数:2
分类:技术文章
本文共 958 字,大约阅读时间需要 3 分钟。
Lesson 20 更新阶段的组件生命周期
从之前的章节我们了解到,组件的挂载指的是将组件渲染并且构造 DOM 元素然后插入页面的过程。这是一个从无到有的过程,React.js 提供一些生命周期函数可以给我们在这个过程中做一些操作。
除了挂载阶段,还有一种“更新阶段”。说白了就是 setState
导致 React.js 重新渲染组件并且把组件的变化应用到 DOM 元素上的过程,这是一个组件的变化过程。而 React.js 也提供了一系列的生命周期函数可以让我们在这个组件更新的过程执行一些操作。
这些生命周期在深入项目开发阶段是非常重要的。而要完全理解更新阶段的组件生命周期是一个需要经验和知识积累的过程,你需要对 Virtual-DOM 策略有比较深入理解才能完全掌握,但这超出了本书的目的。本书的目的是为了让大家快速掌握 React.js 核心的概念,快速上手项目进行实战。所以对于组件更新阶段的组件生命周期,我们简单提及并且提供一些资料给大家。
这里为了知识的完整,补充关于更新阶段的组件生命周期:
shouldComponentUpdate(nextProps, nextState)
:你可以通过这个方法控制组件是否重新渲染。如果返回false
组件就不会重新渲染。这个生命周期在 React.js 性能优化上非常有用。componentWillReceiveProps(nextProps)
:组件从父组件接收到新的props
之前调用。componentWillUpdate()
:组件开始重新渲染之前调用。componentDidUpdate()
:组件重新渲染并且把更改变更到真实的 DOM 以后调用。 大家对这更新阶段的生命周期比较感兴趣的话可以查看。 但这里建议大家可以先简单了解 React.js 组件是有更新阶段的,并且有这么几个更新阶段的生命周期即可。然后在深入项目实战的时候逐渐地掌握理解他们,现在并不需要对他们放过多的精力。
有朋友对 Virtual-DOM 策略比较感兴趣的话,可以参考这篇博客: 。对深入理解 React.js 核心算法有一定帮助。
当前内容版权归 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请点击 .
最初的起点:
上一篇:
下一篇:
转载地址:https://blog.csdn.net/Mr_zzr/article/details/125785459 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年02月29日 04时51分06秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
java thread 多线程_java用Thread方式创建多线程
2019-04-21
java 注解与反射_Java注解与反射直接上手
2019-04-21
java按钮退出_java – 如何在此程序中添加退出按钮?怎么样“清楚”?
2019-04-21
python土味情话_Python 将土味情话语录设置为桌面壁纸
2019-04-21
java ip 范围内打卡_定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019-04-21
与java线程有关的,线程多少和什么有关?大神们表示有话要说!
2019-04-21
php正则表达式 匹配数字,正则表达式之匹配数字范围
2019-04-21
php中带?错误,参考-此错误在PHP中意味着什么?
2019-04-21
php生成链接列表,根据URL链接和抛文本生成链接<a>标签的PHP函数
2019-04-21
php html标签自定义属性,浅谈JS读取DOM对象(标签)的自定义属性
2019-04-21
php 实现 model层,Thinkhphp5控制器调用的Model层的方法总结
2019-04-21
matlab6.0序列号,MFC软件获取USB设备的制造商、产品、序列号
2019-04-21
matlab中多边形滤波器,几种常见空间滤波器MATLAB实现
2019-04-21
matlab fminimax 例子,Matlab应用实例(8)—fminimax
2019-04-21
php://filter利用条件,浅谈php://filter技巧
2019-04-21
mplayer-php,mplayer+smplayer 前后端播放器安装
2019-04-21
oracle昨日时间,。。今日,昨日,上周,本月,本年,按时间统计总金额
2019-04-21
php验证卡号,PHP验证信用卡卡号是否正确函数
2019-04-21