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:组件销毁
 
好了好了,有错误的希望各位大牛指出来哦,小女子,先谢过了
   
     

     

        

猜你喜欢

转载自www.cnblogs.com/qq1109019275/p/10005878.html