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

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

相关推荐
沸点小助手7 分钟前
「妈,我真不是修电脑的」获奖名单公示|本周互动话题上新🎊
前端·人工智能
兵麒麟21 分钟前
JavaScript Promise 完全掌握:从外卖订单到优雅异步
前端
转转技术团队22 分钟前
不写一行代码,用 Xmind 思维导图跑通多端自动化回归
前端
铁皮饭盒25 分钟前
同样是算力巨头,为什么华为死磕英伟达,AMD 却 "躺平看戏"?
前端·后端
文心快码BaiduComate25 分钟前
用Comate 7天完成”鹅鸭杀”游戏网站开发
前端·后端·程序员
2401_8654396329 分钟前
CSS中隐藏元素的多重技巧与应用场景
开发语言·前端·javascript
烛衔溟37 分钟前
TypeScript 中的类基础
javascript·ubuntu·typescript
灰子学技术40 分钟前
Envoy CSRF 保护过滤器实现分析
前端·csrf
Strayer1 小时前
工艺图图在线编辑器
前端·canvas
zhangxingchao1 小时前
AI应用开发二:Embedding与向量数据库
前端·人工智能·后端