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() 用于错误边界。

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

相关推荐
明月_清风3 分钟前
IndexedDB 增量更新:实现精准的字段级“补丁”
前端·indexeddb
zheshiyangyang4 分钟前
前端面试基础知识整理【Day-10】
前端·面试·职场和发展
lbb 小魔仙4 分钟前
鸿蒙跨平台项目实战篇01:React Native Bundle版本管理详解
react native·react.js·harmonyos
明月_清风6 分钟前
浏览器里的 SSD:IndexedDB 极简封装实战
前端·indexeddb
2301_796512529 分钟前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Pagination 分页(绑定当前页码)
javascript·react native·react.js·ecmascript·harmonyos
谢尔登10 分钟前
深入React19任务调度器Scheduler
开发语言·前端·javascript
长城202411 分钟前
HTML5中表单的pattern属性解析
前端·正则表达式·html·html5·pattern·pattern属性·pattern正则表达式
阿珊和她的猫13 分钟前
深入解析如何监听浏览器的页面关闭事件
前端·javascript·vue.js
敲代码的柯基14 分钟前
一篇文章理解tsconfig.json和vue.config.js
javascript·vue.js·json
henry10101015 分钟前
DeepSeek生成的HTML5小游戏 -- 黑8台球
前端·javascript·css·游戏·html