zoukankan      html  css  js  c++  java
  • React入门(二)

    组件的生命周期

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

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

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

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

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

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

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

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

  • 相关阅读:
    【Nginx】开启 gzip和缓存
    webpack分离css单独打包
    【转】为什么Github没有记录你的Contributions
    Swiper使用遇到的问题
    Jenkins 自动化构建
    Pre标签 自动换行
    Gulp入门教程
    计数排序
    直接插入排序
    等差素数列
  • 原文地址:https://www.cnblogs.com/wujialin/p/11967932.html
Copyright © 2011-2022 走看看