React生命周期

1 初始化:

constructor():  与React.Component一起使用,ES6 

  constructor(props) { // 初始化的工作放入到构造函数
    super(props); // 在 es6 中如果有父类,必须有 super 的调用用以初始化父类信息

    this.state = { // 初始 state 设置方式     
    };
  }

getDefaultProps():设置默认props,如果父组件没有给某个prop那就用默认的,

getInitialState():与React.createClass一起使用,ES5,是设置组件mount以后的初始state的。

getInitialState:function(){

return {};

}

2更新:

componentWillMount(): 在组件 render 之前执行且永远只执行一次

componentDidMount():组件加载完毕之后立即执行,并且此时才在 DOM 树中生成了对应的节点,因此我们通过 this.getDOMNode() 来获取到对应的节点。

componentWillReceiveProps()

3渲染:

componentWillUpdate()

render()

componentDidUpdate()

4销毁:

componentWillUnmount()




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值