01.初始化状态。
这个阶段由render（）函数触发；
1.constructor();
2.componentWillMount();
在17版本以后改为UNSAFE_componentWillMount()
reason：react为组件异步渲染做准备；
3.render();
4.componentDidMount();
这个钩子常用；一般在这个组件中做一些初始化的事情，利用开启计时器，发起网络请求，请阅消息。（如果小伙伴学过vue的话可以对标created()钩子和mounted()两个钩子）
02.更新阶段；
由内部组件setState（）或父组件render触发；
1.shouldComponentUpdate();
2.componentWillUpdate();
在17版本以后改为UNSAFE_componentWillUpdate();
reason：react为组件异步渲染做准备；
3.render();
这个是最最常用的钩子，用作渲染；
4.componentDidUpdate();
5.componentWillReceiveProps();
在17版本以后改为UNSAFE_componentWillReceiveProps();
reason：react为组件异步渲染做准备；
03.卸载阶段；
由ReactDom.unmountComponentAtNode()触发；文章来源：https://www.toymoban.com/news/detail-644060.html
1.ComponentWillUnmount()
这个钩子也常用；一般在这个组件中做一些收尾的事情，利用开启计时器，发起网络请求，请阅消息。（如果小伙伴学过vue的话可以对标beforeDestroy()和destroyed()两个钩子）文章来源地址https://www.toymoban.com/news/detail-644060.html
到了这里，关于React三个状态时触发的相应钩子的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
