组件生命周期
一个组件类必须由调用React.createClass创建，并且提供一个render方法以及其他可选的生命周期函数、组件相关的事件或方法定义。
一个简单的例子：
varLikeButton=React.createClass({
getInitialState:function(){return{liked:false};
},handleClick:function(event){this.setState({liked:!this.state.liked});
},render:function(){vartext=this.state.liked?'like':'haven\'tliked';return(<ponClick={this.handleClick}>
You{text}this.Clicktotoggle.</p>
);
}
});
React.render(<LikeButton/>,document.getElementById('example')
);
getInitialState
初始化this.state的值，只在组件装载之前调用一次。
getDefaultProps
只在组件创建时调用一次并缓存返回的对象（即在React.createClass之后就会调用）。
因为这个方法在实例初始化之前调用，所以在这个方法里面不能依赖this获取到这个组件的实例。
在组件装载之后，这个方法缓存的结果会用来保证访问this.props的属性时，当这个属性没有在父组件中传入（在这个组件的 JSX 属性里设置），也总是有值的。
render
必须
组装生成这个组件的 HTML 结构（使用原生 HTML 标签或者子组件），也可以返回null或者false，这时候 React 会将组件生成一个<noscript>标签，并且this.getDOMNode()会返回null。
生命周期函数
装载组件
componentWillMount
只会在装载之前调用一次，在render之前调用，你可以在这个方法里面调用setState改变状态，并且不会导致额外调用一次render
componentDidMount
只会在装载完成之后调用一次，在render之后调用，从这里开始可以通过this.getDOMNode()获取到组件的 DOM 节点。
更新组件状态
这些方法不会在首次render组件的周期调用
componentWillReceivePropsshouldComponentUpdatecomponentWillUpdatecomponentDidUpdate
卸载（删除）组件
componentWillUnmount
更多关于组件相关的方法说明，参见：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。