美文网首页
React类组件中生命周期函数执行顺序

React类组件中生命周期函数执行顺序

作者: 我爱吃蛋糕_ab5e | 来源:发表于2022-02-23 10:27 被阅读0次

    一、组件生命周期的执行次数是什么样子的?


    image.png

    二、组件的生命周期执行顺序是什么样子的?
    假设组件嵌套关系是 App里有parent组件,parent组件有child组件。


    image

    如果不涉及到setState更新,第一次渲染的顺序如下:

    image
    image.png
    这时候触发App的setState事件 image
    image.png
    那如果是触发parent的setState呢? image
    parent: componentWillUpdate --> render --> 
    child:     componentWillReceiveProps --> componentWillUpdate --> render --> 
    componentDidUpdate (child) -->  componentDidUpdate (parent) 
    
    

    那如果是只是触发了child组件自身的setState呢?

    image
    image.png

    文章内容转载于https://www.cnblogs.com/faith3/p/9216165.html

    相关文章

      网友评论

          本文标题:React类组件中生命周期函数执行顺序

          本文链接:https://www.haomeiwen.com/subject/kkkolrtx.html