react初识生命周期

Posted qq1109019275

tags:

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

 

      好多朋友都在问我react生命周期执行的顺序

 

    今天就说一下吧,

    react有三种构建组件的方法:

           第一呢,就是React.createClass(),ES5写法现在用的比较少

   第二呢:ES6 class

   第三呢:就是无状态了

 

     react 的生命周期还是比较重要的

 

     getDefaultProps:获取实例的默认属性

     getInitialState:获取每个实例的初始化状态

     这两个生命周期的是用于ES5写法,现在的话用的人比较少了

 

    然后就是最常用的了

     constructor:就是初始化数据的
     componentWillMount:组件渲染之前
     然后就是render了,生成虚拟的DOM
     componentWillMount:组件渲染之后了
 
    然后开始了分割线
   shouldComponentUpdate://重要的生命周期哦,组件接收到新属性或者新状态的时候可以返回布尔值,如果是false,数据就不会更新,阻止render调用,后面的生命周期就不会执行
    componentWillUpdate:组件即将更新,就不能更改属性和状态了
    render:组件重新描绘
    componentDidUpdate:组件已经更新
 
    
  componentWillReceiveProps,组件接收到属性的时候调用
  然后就执行shouldComponentUpdate之后的生命周期,跟上面的一样执行就好了
 
  最后在最后
     有一个销毁期
      componentWillUnmount:组件销毁
 
好了好了,有错误的希望各位大牛指出来哦,小女子,先谢过了
   
     

     

        

 

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

react生命周期,以及各个周期都做了啥

react生命周期

react 生命周期

React生命周期详解

React组件的生命周期函数

react新的生命周期函数getDerivedStateFromProps