React中文教程 - Advanced Components（组件高级使用）

所谓高级组件均继承ReactCompositeComponent类，ReactCompositeComponent提供一套完善的预处理函数，使用它可以简易的部署很多功能。

1. 生命周期函数

下面按照组件的生命周期顺序说明组件的预处理函数

解释不是很全面，注意看函数的名字，“Will”代表“将”，“Did”代表“已经”

1.1 Mounting 添加组件

getInitialState(): object 这个函数返回state的object类型值，在renderComponent()之前被调用；

componentWillMount()在renderComponent()之前被调用；

componentDidMount(DOMElement rootNode)在renderComponenet()之后被调用；

1.2 Updating 更新组件

componentWillReceiveProps(object nextProps)在renderComponent()之后被调用；

shouldComponentUpdate(object nextProps, object nextState): boolean在组件render()之前被调用；

componentWillUpdate(object nextProps, object nextState)在组件render()之前被调用；

componentDidUpdate(object prevProps, object prevState, DOMElement rootNode)组件render()后被调用；

1.3 Unmounting 移除/释放组件

componentWillUnmount() 在unmountAndReleaseReactRootNode()之前被调用；<