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

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

相关推荐
进击的尘埃1 分钟前
长列表卡不动?先别急着虚拟滚动,浏览器自己会偷懒
javascript
1024小神1 分钟前
uniapp中用vue3自己写一个验证码输入框,自动获取焦点和自动切到下一个焦点
前端
随逸1772 分钟前
《从零手写Mini React》
react.js
www_stdio3 分钟前
手搓一个 Mini React:从 JSX 到虚拟 DOM 的完整实现
前端·react.js·面试
weixin_395448914 分钟前
main.c_raw_0311_lyp
前端·网络·算法
毛骗导演5 分钟前
万字解析 OpenClaw 源码架构-插件开发指南
前端·架构
毛骗导演5 分钟前
万字解析 OpenClaw 源码架构-插件开发示例
前端
Mintopia7 分钟前
如何看待大模型发展瓶颈:从算力、数据到对齐与系统工程的再评估
前端·人工智能
Mintopia11 分钟前
Gemini-Essay-Writer 技术解析:基于 Gemini 的长文写作生成与质量控制实践
前端