临沂科技网站建设苏州seo安严博客

组件生命，就是组件在不同阶段提供对应的钩子函数，来处理逻辑操作。比如初始化阶段，我们需要初始化组件相关的状态和变量。组件销毁阶段时，我们需要把一些数据结构销毁来节约内存。

React组件生命周期

React组件生命周期分为三个阶段：挂载阶段【Mount】、更新阶段【Update】和卸载阶段【Umount】。

组件挂载阶段

挂载阶段，就是组件实例化并且挂载到DOM树的这个过程。在这个阶段中依次调用生命周期函数为：

1. constructor()
2. getDerivedStateFromProps()
3. render()
4. componentDidMount()

constructor(props)

constructor，是构造函数，用来初始化组件的状态和操作。React类组件一般是通过继承React.Component来创建的，所以需要调用super(props)，初始化父类。

在constructor函数中，我们可以初始化state，同时可以对操作函数进行bind绑定。但是需要注意的是，不能在constructor中调用setState，否则会报错，因为setState是用来更新状态的。

操作函数绑定如下：

import React from "react"