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

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

相关推荐
酉鬼女又兒几秒前
零基础快速入门前端DOM 节点操作核心知识点及蓝桥杯 Web 应用开发考点解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯
LXXgalaxy2 分钟前
Vue3 + TypeScript 组件开发速查表新手速成手册
前端·javascript·typescript
AnalogElectronic18 分钟前
uniapp学习6,滚动字幕播报
javascript·学习·uni-app
全马必破三24 分钟前
Vue3+Node.js 实现AI流式输出全解析
前端·javascript·node.js
belldeep33 分钟前
前端:TypeScript 版本 2 , 3 , 4 , 5 , 6 有什么差别?
前端·javascript·typescript
狗都不学爬虫_35 分钟前
JS逆向 - Akamai阿迪达斯(三次) 补环境、纯算
javascript·爬虫·python·网络爬虫·wasm
液态不合群36 分钟前
Redis命令处理机制源码探究
前端·redis·bootstrap
指尖的记忆1 小时前
前端 Monorepo 实战指南:仓库多到切疯?
前端
csdn2015_1 小时前
java 把对象转化为json字符串
java·前端·json
shughui1 小时前
Fiddler(二):自动转发(AutoResponder)功能详解
前端·测试工具·fiddler