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

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

相关推荐
智商偏低几秒前
bindFramebuffer
前端·javascript·html
林恒smileZAZ5 分钟前
前端如何实现在线预览office常见文件功能?
前端
码云之上5 分钟前
从Popup类组件看定位参考系陷阱与设计取舍
前端·react.js·scss
BigTopOne10 分钟前
ArLiveLite -视频 PTS/DTS 时间戳详解
前端
数字化小张10 分钟前
时序数据库选型——InfluxDB与TDengine对比
前端
BigTopOne15 分钟前
ArLiveLite 用到的 OpenGL 技术点
前端
函数小陈16 分钟前
我给自己写了个「AI 代言人」
前端
FungLeo26 分钟前
React 管理后台实战 · 列表里突然出现一堆空白行?PIPL 擦除后前端怎么处理才不露馅
前端·react.js·状态模式·pipl
BigTopOne30 分钟前
ArLiveLite — System Architecture
前端
JL1542 分钟前
如何用 MySQL 持久化、历史快照与游标实现多步 Redo/Undo
前端·数据库·mysql