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

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

相关推荐
foo1st5 分钟前
HTML中常用HASH算法使用笔记
javascript·html·哈希算法
星月心城12 分钟前
面试八股文-JavaScript(第五天)
开发语言·javascript·ecmascript
小白x12 分钟前
Echarts常用配置
前端
hello_Code15 分钟前
css和图片主题色“提取”
前端
小杨梅君15 分钟前
Vue3与iframe通信方案详解:本地与跨域场景
前端·vue.js
IT_陈寒17 分钟前
Redis高频踩坑实录:5个不报错但会导致性能腰斩的'隐秘'配置项
前端·人工智能·后端
CoolerWu20 分钟前
2025 · 我与 AI / Vibe Coding 的一年
前端·后端
张风捷特烈22 分钟前
AI 四格笑话爆火,我做了什么?
前端·aigc
东方-教育技术博主22 分钟前
IDEA 配置electron开发环境
前端·javascript·electron
AC赳赳老秦24 分钟前
DeepSeek-Coder vs Copilot:嵌入式开发场景适配性对比实战
java·前端·后端·struts·mongodb·copilot·deepseek