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

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

相关推荐
喝拿铁写前端几秒前
你以为你在封装组件,其实你在引入混乱
前端·架构
Json____12 分钟前
智慧酒店企业站官网-前端静态网站模板【前端练习项目】
前端·网站模板·静态网站·企业站·智慧酒店网站
不爱说话郭德纲12 分钟前
没有CICD,怎么自动化部署?
前端·javascript·vue.js
Aotman_13 分钟前
Vue表单组件el-form校验规则rules,条件判断rules表单验证显示必填或非必填
javascript·vue.js·elementui
哔哩哔哩技术14 分钟前
漫画产业加密技术探索与实践:抵御盗版的创新之路
前端
YYDS31415 分钟前
坦克大战HTML网页游戏 (永久免费)
javascript·游戏·html
开心小老虎17 分钟前
ThreeJs实现裸眼3D地球仪
前端·3d·threejs
大强的博客31 分钟前
《Vue Router实战教程》21.扩展 RouterLink
前端·javascript·vue.js
@是你太难忘35 分钟前
6.4案例:使用渲染函数渲染列表
前端·javascript·vue.js