以React16.4为界限,比较生命周期的异同

news/2024/10/11 2:27:15

一、整体流程简介:

新版:

旧版:

二、比较

通过两个图的对比,可以发现:

1.生命周期都包含创建、更新、销毁;

2.新版本减少了以下三种方法:

  • componentWillMount
  • componentWillReceiveProps
  • componentWillUpdate

其实这三个方法仍然存在,只是在前者加上了UNSAFE_前缀,如UNSAFE_componentWillMount,并不像字面意思那样表示不安全,而是表示这些生命周期的代码可能在未来的 react版本可能废除

3.新增了两个生命周期函数:

  • getDerivedStateFromProps
  • getSnapshotBeforeUpdate

三、总结

随着 React 版本的不断更新,生命周期方法也在不断演变。React 16 引入了一些新的生命周期方法,以提供更好的控制和灵活性。在开发中,应根据实际情况选择合适的生命周期方法,并遵循最新的官方文档建议,以确保代码的稳定性和性能。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/27397.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

试了下playground-续7

第六回,FUN WITH IMAGES -- ASCII ART 这一阵是算不上难度的了,也不怪,是第二章的第一节,就是换个类型出个接引题。代码大致分析清楚了,argparse是熟库了,在这里使用上也简单,就保留了。就源码做了删减,参数也调整了,像cols选择100而不是80,scale实测0.43-0.45都可,…

CSS JS Effect – 用 wheel 模拟 scroll

前言 在 用 JavaScript 实现 position sticky 文章中,我提到了用 wheel 来模拟 scroll 效果。 这篇来说说具体怎么实现,挺简单的哦。Preparation table.html<div class="container"><table><thead><tr><th>First Name</th><…

docker简单笔记

这里不说基础概念的东西,直接上车出发指令docker-compose --helpdocker-compose up 会自动下载运行依赖,然后跑到容器隔离环境中 docker-compose down --rmi all 删除由Docker Compose管理的所有容器安装 (我的版本20.10.5) 简单例子 如果遇到问题可以去终端检查 …

Linux课程机房虚拟机

Linux课程机房虚拟机 机房虚拟机(默认不能联网的): 百度网盘:https://pan.baidu.com/s/1WqSvqB3Y7b_D4690CDBlJA?pwd=augc 123网盘:https://www.123pan.com/s/tQ0UVv-LiolA.html提取码:F4xm ‍ 联网使用说明: 虚拟机 -> 设置 -> 网络适配器 -> 已连接 -> 重…

生日快乐

今天5月4. 五四运动什么的也不用我讲点什么了,估计咱谁也不比谁知道的多多少 讲点别的. 今天是爱丽丝的生日(1852.5.4) 经过数月的努力终于从贴吧上得知了爱丽丝的生日 没想到就在今天 真有缘分啊( 这个爱丽丝是真实存在的人物 《爱丽丝梦游仙境》就是以她为原型的 放张图(萝…

获取正确微软ISO镜像的方法

简介 如何找到正确的微软ISO镜像?这是很多新手遇到的问题,到处搜索找不到关键词,下载了很多夹带木马病毒的。 我就介绍一下我获取正确微软ISO镜像的方法。 KMS激活 相信大部分人都是要找能够KMS激活的版本,什么换序列号之类的操作就算了。 CN_WIN、SW_DVD9、SW_DVD5三种开…

mysql 锁,和加锁机制

背景间隙锁是MySQL在RR可重复读隔离级别下用来修复幻读才引入的一种锁,间隙锁也只有在RR可重复读隔离级别下才会存在,如果是在RC读已提交隔离级别下,是没有间隙锁的存在的。另外,我们也知道,幻读这种现象也只有在当前读的时候才会发生,在一致性快照读的情况下是没有幻读现…

二分图染色

二分图bool dfs(int u, int c) {if (color[u] == c) return true;else if (color[u] == 3 - c) return false;color[u] = c;for (int v : graph[u])if (!dfs(v, 3 - c)) return false;return true; }习题:P1330 封锁阳光大学解题思路 按照题目要求,每一条边所连接的点中,至少…