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:组件更新完成

posted @ 2020-10-14 22:29  Samve  阅读(131)  评论(0编辑  收藏  举报