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

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

相关推荐
小天博客几秒前
向后端发起POST请求
开发语言·前端·javascript
孜燃3 分钟前
Flutter 如何监听App页面是否隐藏
前端·flutter
艾小码6 分钟前
Pinia 入门:为什么说它是 Vuex 更具魅力的现代继任者?
前端·javascript·vue.js
不努力code6 分钟前
uniapp浮动面板-movable-area
前端·javascript·uni-app
晓风伴月9 分钟前
飞书网页应用免登(SSO)
前端·飞书
小年糕是糕手10 分钟前
【C++】模板初阶
java·开发语言·javascript·数据结构·c++·算法·leetcode
谎言西西里8 小时前
JS 高手必会:手写 new 与 instanceof
javascript
雪碧聊技术8 小时前
前端项目代码发生改变,如何重新部署到linux服务器?
前端·vue3·centos7·代码更新,重新部署
liulilittle9 小时前
C++ 浮点数封装。
linux·服务器·开发语言·前端·网络·数据库·c++
wordbaby9 小时前
Expo 进阶指南:赋予 TanStack Query “原生感知力” —— 深度解析 AppState 与 NetInfo
前端·react native