新版生命周期

React>=16.0.0

文章目录

• 新版生命周期
• • • 1.删除钩子函数
    • 2.增加的钩子函数
    • • • 1.getDerivedStateFromProps
        • 2. getSnapshotBeforeUpdate

React官方认为，某个数据的来源必须是单一的

1.删除钩子函数

反模式：componentWillReceiveProps
实现n的值由两个数据源控制

2.增加的钩子函数

1.getDerivedStateFromProps

1. 通过参数可以获取新的属性和状态
2. 该函数是静态的
3. 该函数的返回值会覆盖掉组件状态
4. 该函数几乎是没有什么用

2. getSnapshotBeforeUpdate

1. 真实的DOM构建完成，但还未实际渲染到页面中。
2. 在该函数中，通常用于实现一些附加的dom操作
3. 该函数的返回值，会作为componentDidUpdate的第三个参数