vault backup: 2022-04-24 09:52:55

React 的源码深入/React 的流程解析 - commit 阶段/React 的深入探索 - commitMutationEffects.md

@@ -25,4 +25,9 @@ commitPlacement
 
 一直递归向上查找，直到找到 HostComponent 为止
 
-如果父 Fiber 节点上存在 ConentReset 标记，就要先执行 resetTextConent 函数，然后会找到当前 Fiber 节点的 Host 类型的兄弟节点
+如果父 Fiber 节点上存在 ConentReset 标记，就要先执行 resetTextConent 函数，然后会找到当前 Fiber 节点的 Host 类型的兄弟节点
+
+为什么要找到最近的兄弟节点 HostComponent？
+- 因为 DOM 的插入有两种方法，第一种是 insertBefore 方法，第二种是 appendChild
+- 使用 insertBefore 时需要找到兄弟节点
+- 使用 appendChild 时需要找到父节点