react 生命周期钩子函数

Posted 利群的个人博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react 生命周期钩子函数相关的知识,希望对你有一定的参考价值。

实例化

  • construtor//构造函数
  • componentWillMount//挂载之前,可修改setState
  • render//渲染真实dom
  • componentDidMount//第一次render后,仅一次,可setState

存在期

  • componentWillReceiveProps//父组件render时props更新时,不管props是否变化
  • shouldComponentUpdate//修改state后自动调用,默认返回true,false跳过后面的,少用
  • componentWillUpdate//修改state的render之前自动调用,相似于CWM
  • render
  • componentDidUpdate//render后调用,万不得已不要修改state死循环

销毁期

  • componentWillUnmount//销毁前

 

以上是关于react 生命周期钩子函数的主要内容,如果未能解决你的问题,请参考以下文章

Vue生命周期及钩子函数

Vue——生命周期和钩子函数的一些理解

Vue笔记(Vue生命周期 11个钩子)

Vue-的父组件和子组件生命周期钩子函数执行顺序

react中的生命周期钩子函数

react 生命周期钩子函数