# 一.React中的生命周期
1.componentDidMount
组件已经加载到DOM中会执行这个函数,在这个函数中可以初始化一些将要执行的函数,在React生命周期中只会执行一次。在开发中,在该函数中执行的setState,在随后通过this.state并不能够马上拿到,可以通过定时来获取。
* * * * *
2.componentWillMount
在组件将要挂载到DOM中执行,这个函数我基本上很少用到。初始化工作我基本上在constructor和componentDidMount中去完成。
* * * * *
3.componentWillUnmount
组件从DOM中移除会执行这个函数,在此可以清理无用的DOM和事件。
* * * * *
4.componentWillUpdate
组件将要更新执行。可以在这个函数中清理在componentDidUpdate绑定的事件(这个方式很有用)。
* * * * *
5.componentDidUpdate
组件已经更新执行这个操作。可以在这个函数中初始化需要state中的数据源作为参数的函数。为了防止初始化多次,可以在componentWillUpdate中清理。
文/力谱宿云(简书作者)
原文链接:http://www.jianshu.com/p/9c26259a817a#
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
* * * * *
# 二,在 react 组件内部,方法的顺序如下:
1. 生命周期方法(按照时间先后顺序依次为: getDefaultProps, getInitialState, componentWillMount,componentDidMount, componentWillReceiveProps, shouldComponentUpdate, componentWillUpdate,componentDidUpdate, componentWillUnmount )
2. 其他的方法
3. render 方法