React 生命周期

React 类组件的生命周期，就是组件从创建到消耗的过程

只有类组件才有生命周期，分为 挂载阶段、更新阶段、卸载阶段

挂载阶段

钩子函数

constructor 创建组件时，最先执行

作用：初始化 state ，创建 Ref ，使用 bind 解决 this 指向

render 每次组件渲染都会触发

作用： 渲染UI （不能调用 setState()）

componentDidMount 组件挂载后（完成DOM渲染）

作用： 发送网络请求，DOM操作

import { Component } from 'react'

export default class App extends Component {
  constructor () {
    super()
    console.log('1. constructor执行')
  }
  componentDidMount () {
    console.log('3. componentDidMount执行')
  }
  render() {
    console.log('2. render执行')
    return <div>App组件</div>
  }
}

更新阶段

触发

• setState()
• forceUpdata() 强制组件更新