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

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

相关推荐
摘星编程几秒前
OpenHarmony + RN:自定义useValidator表单验证
react native·react.js·harmonyos
ziqi5228 分钟前
第二十五天笔记
前端·chrome·笔记
GISer_Jing13 分钟前
Memory、Rules、Skills、MCP如何重塑AI编程
前端·人工智能·aigc·ai编程
xcs1940514 分钟前
前端 项目构建问题 \node_modules\loader-runner\lib\loadLoader.js
开发语言·前端·javascript
广然15 分钟前
EVE-NG 镜像管理工具 1.1 Web 版本正式发布!
运维·服务器·前端
Data_Journal27 分钟前
【无标题】
大数据·服务器·前端·数据库·人工智能
我爱加班、、39 分钟前
new Map()+Array.from()整理elementPlus的级联器数据
linux·前端·javascript
Hx_Ma161 小时前
Map集合的5种遍历方式
java·前端·javascript
css趣多多1 小时前
render函数
前端·javascript·vue.js
web打印社区1 小时前
前端开发实现PDF打印需求:从基础方案到专业解决方案
前端·vue.js·react.js·electron·pdf