码迷,mamicode.com
首页 > 其他好文 > 详细

react初识生命周期

时间:2018-11-23 11:20:35      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:tor   有一个   调用   render   component   更新   开始   返回   执行   

 

      好多朋友都在问我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初识生命周期

标签:tor   有一个   调用   render   component   更新   开始   返回   执行   

原文地址:https://www.cnblogs.com/qq1109019275/p/10005878.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!