本文摘自PHP中文网,作者V,侵删。
react组件有Initialization、Mounting、Updating、Unmounting和Error Handing等五个阶段。其中Error Handing阶段属于错误处理阶段。
本文环境:windows10、react16,本文适用于所有品牌的电脑。
(学习视频分享:react视频教程)
在组件生命周期中有四个不同的阶段:
Initialization:在这个阶段,组件准备设置初始化状态和默认属性。
Mounting:react 组件已经准备装载到 DOM 上。这个阶段包含 getDerivedStateFromProps 和 componentDidMount 生命周期方法。
Updating:在这个阶段,组件通过两种方式进行更新,发送新的属性和更新状态。这个阶段包含 getDerivedStateFromProps,shouldComponentUpdate,getSnapshotBeforeUpdate 和 componentDidUpdate 生命周期方法。
Unmounting:在这个阶段,组件已经不再被需要了,他从浏览器 DOM 中卸载下来。这个阶段包含 componentWillUnmount 生命周期方法。
除以上四个常用生命周期外,还有一个错误处理的阶段:
Error Handling:在这个阶段,不论在渲染的过程中,还是在生命周期方法中或是在任何子组件的构造函数中发生错误,该组件都会被调用。这个阶段包含了 componentDidCatch 生命周期方法。
相关推荐:js教程
以上就是react组件有哪些阶段的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《React》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者