React的生命周期?

React的生命周期分为三个主要阶段:挂载(Mounting)、更新(Updating)和卸载(Unmounting)。

1、挂载(Mounting)

当组件实例被创建并插入 DOM 时调用的生命周期方法:

constructor()

static getDerivedStateFromProps()

render()

componentDidMount()

2、更新(Updating)

当组件的状态或属性发生变化时调用的生命周期方法:

static getDerivedStateFromProps()

shouldComponentUpdate()

render()

getSnapshotBeforeUpdate()

componentDidUpdate()

3、卸载(Unmounting)

当组件从 DOM 中移除时调用的生命周期方法:

componentWillUnmount()

其他

componentDidCatch() 和 static getDerivedStateFromError() 用于错误边界。

这些生命周期方法让开发者可以在不同阶段插入自定义逻辑,增强组件的行为和性能。

相关推荐
成为大佬先秃头几秒前
渐进式JavaScript框架:Vue — API
开发语言·javascript·vue.js
先做个垃圾出来………11 分钟前
搜索树完整
开发语言·javascript·ecmascript
ResponseState20020 分钟前
安卓原生写uniapp插件手把手教学调试、打包、发布。
前端·uni-app
阿赵3D24 分钟前
JavaScript学习笔记——11、正则表达式
javascript·笔记·学习·正则表达式
颜酱28 分钟前
SourceMap 深度解析:从映射原理到线上监控落地
前端·javascript
LYOBOYI12335 分钟前
qt的事件传播机制
java·前端·qt
IT_陈寒37 分钟前
Python 3.12 性能优化:5 个鲜为人知但提升显著的技巧让你的代码快如闪电
前端·人工智能·后端
军军君0140 分钟前
Three.js基础功能学习二:场景图与材质
前端·javascript·学习·3d·材质·three·三维
Komorebi゛1 小时前
【Vue3 + Element Plus】Form表单按下Enter键导致页面刷新问题
前端·javascript·vue.js
踢球的打工仔1 小时前
typescript-基本类型
前端·javascript·typescript