React 有哪些生命周期
React组件的生命周期可以分为三个主要阶段:挂载(Mounting)、更新(Updating)和卸载(Unmounting)。每个阶段都伴随着特定的生命周期方法,允许开发者在组件的不同阶段执行代码。以下是React生命周期的详细概述:
一、挂载阶段(Mounting)
-
constructor(props):
- 组件的构造函数,最先被执行,用于初始化状态和绑定事件处理器。
- 注意:只要使用了constructor(),就必须调用
super(props)
,否则会导致this
指向错误。
-
static getDerivedStateFromProps(props, state):
- 在组件实例化后和接收新的props之前被调用。
- 它应返回一个对象来更新状态,或者返回
null
来不更新任何内容。 - 是一个静态方法,因此不能访问组件的实例。
-
render():
- 唯一必须实现的方法,用于读取props和state,