ReactJS组件生命周期

1.建立阶段

    1).getDefaultProp

在建立类的时候调用，产生props该组件属性

 

2.实例化阶段

    React.render()启动以后调用

    state:组件的属性，主要是用来存储组件自身须要的数据，每次数据的更新都是经过修改state属性的值，ReactJS内部会监听state属性的变化，一旦发生变化的话，就会主动触发组件的render方法来更新虚拟DOM结构。

    虚拟DOM：将真实的DOM结构映射成一个JSON数据结构。

    1).getInitialState

初始化该组件的state值，其返回值会赋值给组件的this.state属性

    2).componentWillMount

在render以前调用此方法，业务逻辑的处理都应该放在这里，如对state的操做等

    3).render

根据state的值，渲染并返回一个虚拟DOM

    4).componentDidMount

发生在render以后，在该方法中，ReactJS会使用render方法返回虚拟DOM对象来建立真实的DOM结构。组件内部能够经过this.gerDOMNode()来获取当前组件的节点

 

3.更新阶段

    主要发生在用户操做以后或父组件更新的时候，此时会根据用户的操做行为进行相应的页面结构的调整

    1).componentWillReceiveProps

该方法发生在this.props被修改霍服组件调用setProps方法以后

    2).shouldComponentUpdate

用来拦截新的props霍state，根据逻辑来判断是否须要更新

    3).componentWillUpdate

shouldComponentUpdate返回true，组件将会更新

    4).componentDidUpdate

组件更新完毕，咱们常在这里作一些dom操做

 

4.销毁阶段

    1).componentWillUnMount

销毁时被调用，一般作一些取消事件绑定，移除虚拟DOM中对应的组件数据结构、销毁一些无效的定时器等工做