react 新生命周期

和旧的生命周期相比

react 新生命周期_第1张图片

准备废弃三个钩子,已经新增了两个钩子

React16 之后有三个生命周期被废弃(但并没有删除)

  • componentWillMount( 组件将要挂载的钩子)
  • componentWillReceiveProps(组件将要接收一个新的参数时的钩子)
  • componentWillUpdate(组件将要更新的钩子)

新版本的生命周期新增的钩子

  • getDerivedStateFromProps
  1. 通过参数可以获取新的属性和状态
  2. 该函数是静态的
  3. 该函数的返回值会覆盖掉组件状态
  • getSnapshotBeforeUpdate
  1. 真实的DOM构建完成,但还未实际渲染到页面中。
  2. 在该函数中,通常用于实现一些附加的dom操作
  3. 该函数的返回值,会作为componentDidUpdate的第三个参数

你可能感兴趣的:(前端,react,react,生命周期)