新版生命周期
React >= 16.0.0
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200719165223728.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzUwNTAx,size_16,color_FFFFFF,t_70)
详情可常看旧版生命周期
[https://blog.csdn.net/qq_43750501/article/details/107447604]
React官方认为,某个数据的来源必须是单一的
- getDerivedStateFromProps
- 通过参数可以获取新的属性和状态
- 该函数是静态的
- 该函数的返回值会覆盖掉组件状态
- 该函数几乎是没有什么用
- getSnapshotBeforeUpdate
- 真实的DOM构建完成,但还未实际渲染到页面中。
- 在该函数中,通常用于实现一些附加的dom操作
- 该函数的返回值,会作为componentDidUpdate的第三个参数