【转】React组件声明周期

【转】React组件声明周期

转自大神。。备份一下~

参考链接 http://reactjs.cn/react/docs/component-specs.html

组件

1. render : function(){} 必须方法。
   返回null或false表示不渲染任何东西。
2. getInitialState : function(){} 返回值将作为this.state的初始值
3. getDefaultProps : function(){} 返回值将作为默认的props。
4. propTypes : {} props数据约束
5. statics : {} 定义该组件对象的静态方法

生命周期(按照调用顺序)

1. componentWillMount : function(){} 在初始化渲染之前仅调用一次
2. componentDidMount : function(){} 在初始化渲染之后仅调用一次
3. componentWillUpdate : function(props,state){} 在接收新的props和state之前调用。
4. componentWillReceiveProps : function(props){} 在接收新的props的时候调用。
5. shouldComponentUpdate : function(props,state){} 在渲染之前调用。返回值为false则表示组件不更新。
6. componentDidUpdate : function(props,state){} 在组件同步到DOM中后调用
7. componentWillUnmount : function(){} 在组件移除DOM时调用