React的生命周期钩子函数

最新推荐文章于 2024-09-25 10:46:15 发布

TumbleweeD_*

最新推荐文章于 2024-09-25 10:46:15 发布

阅读量449

点赞数

文章标签： react.js 前端 reactjs

本文链接：https://blog.csdn.net/m0_58447769/article/details/121233963

版权

本文介绍了React组件的生命周期，包括挂载、更新和卸载三个阶段的关键钩子函数。在更新阶段，特别强调了在componentDidUpdate和render中调用setState会导致死循环的问题，并提到了三种触发组件更新的方法：setState、forceUpdate和props变化。同时，概述了卸载阶段的注意事项，如清除定时器和事件。

摘要由CSDN通过智能技术生成

组件生命周期-挂载阶段

钩子函数	触发时机	作用
constructor	创建组件时，最先执行	1. 初始化state 2. 创建Ref等
render	每次组件渲染都会触发	渲染UI（注意：不能调用setState() ）
componentDidMount	组件挂载（完成DOM渲染）后	1. 发送网络请求 2.DOM操作

挂载阶段钩子的执行顺序:

组件生命周期-更新阶段

钩子函数	触发时机	作用
render	每次组件渲染都会触发	渲染UI（与挂载阶段是同一个render）
componentDidUpdate	组件更新（完成DOM渲染）后	DOM操作，可以获取到更新后的DOM内容