React的生命周期总共8个钩子,三个will,两个Did,一个RecciveProps,一个ShouldUpdate,一个render。
分为三个阶段,分别是
装载 Mounting
更新 Updating
卸载 Unmounting
1. 钩子说明
1.componentWillReceiveProps
mounted的组件接收新的props的时候,被调用,参数是新的props。可以在其中比较新的props和this.props,从而执行修改state等操作
2.shouldComponentUpdate
mounted的组件接收到新的state和props后,判断是否有必要更新组件。可以通过新的props和新state对象和
this.props和this.state比较,来决定是否更新DOM结构。返回true更新,false不更新。
3.componentWillUpdate
组件更新前调用
4.componentDidUpdate
组件更新后调用
5.componentWillUnmount
组件销毁前执行一项操作,例如清除定时器,解绑事件等
6.getDefaultProps
并不是获取props的默认值,而是设置默认的props,此方法返回一个对象,设置props的默认值,如果父组件没有给某个prop那就用默认的
7.getInitialState
并不是获取组件的初始状态,而是设置初始的state,此方法返回一个对象,设置组件mount以后的初始state
参考:http://www.cnblogs.com/liulixiang/p/5002469.html