react声明周期详解

react的生命周期，分为3三个阶段，
挂载阶段
constructor(){}

UNSAFE_componentWillMount(){}  == componentWillMount(在17版本中将废除){}

componentDidMount(){ 发送异步请求的}

render(){}
==========================================================

跟新：的时候，主要跟新两个类型的数据。stata，props这两个类型的数据；

销毁

import React, { Component } from "react";

export default class Shengming extends Component {
  // 调用父类的 constructor方法；传递props属性，染发props属性起作用
  constructor(props) {
    super(props);

    // 定义初始值
    this.state = {
      num: 20,
    };
    console.log("1-1我是挂载阶段的第一个生命周期函数");
  }
  //   UNSAFE
  UNSAFE_componentWillMount() {
    console.log("1-2挂载数据之前");
  }

  componentDidMount() {
    //   用来发送请求
    console.log("1-4数据已经挂载好了");
  }

  render() {
    console.log("1-3render 标签渲染到页面");
    return <div>123==》{this.state.num}</div>;
  }
}