React组件生命周期管理
组件生命,就是组件在不同阶段提供对应的钩子函数,来处理逻辑操作。比如初始化阶段,我们需要初始化组件相关的状态和变量。组件销毁阶段时,我们需要把一些数据结构销毁来节约内存。
React组件生命周期
React组件生命周期分为三个阶段:挂载阶段【Mount】、更新阶段【Update】和卸载阶段【Umount】。
组件挂载阶段
挂载阶段,就是组件实例化并且挂载到DOM树的这个过程。在这个阶段中依次调用生命周期函数为:
- constructor()
- getDerivedStateFromProps()
- render()
- componentDidMount()
constructor(props)
constructor,是构造函数,用来初始化组件的状态和操作。React类组件一般是通过继承React.Component来创建的,所以需要调用super(props),初始化父类。
在constructor函数中,我们可以初始化state,同时可以对操作函数进行bind绑定。但是需要注意的是,不能在constructor中调用setState,否则会报错,因为setState是用来更新状态的。
操作函数绑定如下:
import React from "react"