react组件生命周期

生命周期分为三个过程:

1、装载过程(Mount),也就是把组件第一次在DOM树渲染的过程;

  当组件第一次被渲染的时候,依次调用的函数:

  1>constructor(构造函数)

    目的:①初始化state ②绑定成员函数的this环境

  2>getInitialState

  3>getDefaultProps(2、3只有在React.createClass方法创造的组件类才会发生作用)

  4>componentWillMount

  5>render

  6>componentDidMount

2、更新过程(Update),当组件被重新渲染的过程;

  当state、props被修改的时候,就会引发组件的更新。

3、卸载过程(Unmount),组件重DOM树中删除的过程;
  react组件卸载,只涉及一个函数:compenentWillUnmount,卸载过程适合做一些清理工作比如清除定时器

 

posted @ 2018-05-03 16:32  十月芬芳  阅读(116)  评论(0编辑  收藏  举报