React入门(二)

组件的生命周期

  • 概念:在组件创建、到加载到页面运行、以及组件被销毁的过程中伴随的事件。组件的生命周期是指在组件的特定时期触发的事件。

  • 组件的生命周期分为三个部分:

    • 组件创建阶段:只执行一次

      componentWillMount: 组件将要被挂载,此时还未开始渲染虚拟dom
      render:执行结束后,内存中虚拟dom渲染完成
      componentDidMount:组件挂载完成,此时组件已经显示在页面中,执行结束后组件进入运行阶段

    • 组件运行阶段:根据组建的state和props改变有选择的出发0次或多次

      componentWillReceiveProps: 组件将要接收新属性,执行完成后,父组件为子组件传递新的属性值
      shouldComponentUpdate:组件尚未更新,但props和state是最新值
      componentWillUpdate:内存中虚拟dom为旧的,组件将要被更新
      render:重新渲染虚拟dom
      componentDidUpdate:state、虚拟dom、页面显示保持一致

    • 组件销毁阶段:只执行一次

      componentWillUnmount:组件将要被卸载,此时组件可正常使用

原文地址:https://www.cnblogs.com/wujialin/p/11967932.html