【React】6生命周期

1 组件的生命周期

• 概念：在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为 组件的生命周期。

  
  



• 组件生命周期分为三部分：

  
  

  • 组件创建阶段：组件创建阶段的生命周期函数，有一个显著的特点：创建阶段的生命周期函数，在组件的一辈子中，只执行一次；

    
    
    • 
      

      componentWillMount: 组件将要被挂载，此时还没有开始渲染虚拟 DOM

      
      

      
      
    
    
    • 
      

      render：第一次开始渲染真正的虚拟 DOM，当 render 执行完，内存中就有了完整的虚拟 DOM 了

      
      

      
      
    
    
    • 
      

      componentDidMount: 组件完成了挂载，此时，组件已经显示到了页面上，当这个方法执行完，组件就进入都了 运行中 的状态

      
      

      
      
    
    
  
  

  • 组件运行阶段：也有一个显著的特点，根据组件的 state 和 props 的改变，有选择性的触发 0 次或多次；

    
    
    • 
      

      componentWillReceiveProps: 组件将要接收新属性，此时，只要这个方法被触发，就证明父组件为当前子组件传递了新的属性值；

      
      

      
      
    
    
    • 
      

      shouldComponentUpdate: 组件是否需要被更新，此时，组件尚未被更新，但是，state 和 props 肯定是最新的