React组件的生命周期

React组件的生命周期中有四个阶段

初始化阶段 （初始阶段）
Mounting (挂载阶段)
Updation （更新阶段）
Unmounting（销毁阶段）

初始化阶段

运行constructor()中的代码，完成对数据，state，props初始化

一，Mounting (挂载阶段)

1. componentWillMount()
   //组件即将被挂载到页面之前执行
2. render()
   //渲染函数，组件挂载时执行
3. componentDidMount()
   //组件即将被挂载到页面之后执行

二，Updation （数据更新阶段 state，props改变时执行）

1. shouldComponentUpdate()
   //组件数据更新前执行 必须返回一个布尔类型值 用于判断是否进行下一步操作
   //常用于性能优化，因为在react中 父组件调用render函数，会触发子组件也调用render函数，在数据没有改变的情况下 导致不必要的性能损失

   shouldComponentUpdate(nextProps,nextState){
        if(nextProps.content !== this.props.content){
            return true;
        }else{
            return  false
        }
    }

2. componentWillUpdate()
   //组件更新数据之前执行
3. reder()
   //再次调用render函数 比较虚拟dom 更新数据
4. componentDidUpdate()
   //组件完成数据更新后执行
5. componentWillReceiveProps()
   //当前组件接收了父组件传递的props参数，
   //且父组件的render函数执行之后，才会执行本函数

三，Unmounting (卸载阶段)

1. componentWillUnmount()
   //当前组件即将从页面中卸载时执行

来源：CSDN

作者：漫 漫，

链接：https://blog.csdn.net/qq_44375977/article/details/103977304