React中,会遍历EffectList来执行节点操作、生命周期方法、Effect方法,可以把EffectList比作圣诞树上挂的彩灯,而这颗圣诞树就是Fiber树。EffectList实际是像冒泡一样,一层一层不断向上层收集,从第一个有如以下结构,假如每一个最终形成的EffectList为因为Fiber树的构建深度优先,所有EffectList遍历是从初次Render时的EffectList在React中,会对初次Mount有一个性能优化,其中的Fiber节点的EffectList是不会包含EffectList的遍历EffectList的主要是用于Layout阶段生命周期方法的执行和DOM的操作。在这Layout阶段的这3个方法里,会遍历总结EffectList不是全局变量,只是在Fiber树创建过程中,一层层向上收集有由于收集的过程是深度优先,子级会先被收集,所以遍历的时候也会先操作子级,所以如果有面试官问子级和父级的生命周期或者

简单分析React中的EffectList

简单分析React中的EffectList

简单分析React中的EffectList

简单分析React中的EffectList