React生命周期总结

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

原文地址:https://www.cnblogs.com/mengff/p/9517375.html