zoukankan      html  css  js  c++  java
  • React生命周期流程

    父组件:构造函数
    父组件:组件将要挂载
    父组件:render
    子组件1:构造函数
    子组件1:组件将要挂载
    子组件1:render
    子组件2:构造函数
    子组件2:组件将要挂载
    子组件2:render
    重复组件1、组件2的过程
    子组件1:组件挂载完成
    子组件2:组件挂载完成
    父组件:组件挂载完成
    父组件render
    子组件1:父子组件传值,父组件里面改变了props的值触发的方法
    子组件1:是否要更新数据
    子组件1:组件将要更新
    子组件1:render
    子组件2:父子组件传值,父组件里面改变了props的值触发的方法
    子组件2:是否要更新数据
    子组件2:组件将要更新
    子组件2:render
    子组件1:组件更新完成
    子组件2:组件更新完成

    当在父组件中修改props中的数据时:
    父组件:render
    子组件1:父子组件传值,父组件里面改变了props的值触发的方法
    子组件1:是否要更新数据
    子组件1:组件将要更新
    子组件1:render
    子组件2:父子组件传值,父组件里面改变了props的值触发的方法
    子组件2:是否要更新数据
    子组件2:组件将要更新
    子组件2:render
    子组件1:组件更新完成
    子组件2:组件更新完成

    当销毁多个组件中的组件的时候,这里以销毁三个中的一个为例:
    父组件:是否要更新数据
    父组件:组件将要更新
    父组件:render
    子组件1:父子组件传值,父组件里面改变了props的值触发的方法
    子组件1:是否要更新数据
    子组件1:组件将要更新
    子组件1:render
    子组件2:父子组件传值,父组件里面改变了props的值触发的方法
    子组件2:是否要更新数据
    子组件2:组件将要更新
    子组件2:render
    子组件3:组件销毁了
    子组件1:组件更新完成
    子组件2:组件更新完成

  • 相关阅读:
    luogu P3704 [SDOI2017]数字表格
    「雅礼集训 2018 Day4」Magic(分治NTT)
    「清华集训 2017」小 Y 和恐怖的奴隶主
    [WC2019]数树(树形dp+多项式exp)
    「FJWC2020Day5-zzq」lg (容斥)
    BoundedOptimization TopCoder
    MapGuessing TopCoder
    线性递推(Berlekamp-Massey 算法)
    杜教筛小记
    「余姚中学 2019 联测 Day 6」解码
  • 原文地址:https://www.cnblogs.com/samve/p/13817811.html
Copyright © 2011-2022 走看看