1. 初始化阶段
由ReactDOM.render()
触发
-
constructor()
-
componentWillMount()
组件即将挂载时、挂载之前触发
-
render()
-
componentDidMount()
组件挂载后触发
一般在这个钩子中做一些初始化的事,例如:开启定时器、发送网络请求、订阅消息
2. 更新阶段
由组件内部this.setSate()
或父组件render()
触发
-
componentWillReceiveProps()
组件即将接收到参数时触发
-
shouldComponentUpdate()
控制组件更新的
阀门
,返回布尔值
,默认true
-
componentWillUpdate()
组件即将更新时触发
-
render()
-
componentDidUpdate()
组件更新完毕时触发
3. 卸载组件
由ReactDOM.unmountComponentAtNode()
触发
-
componentWillUnmount()
组件即将卸载时触发
一般在这个钩子中做一些收尾的事,例如:关闭定时器、取消订阅消息