vault backup: 2022-04-12 11:46:11

自顶向下学 React 源码/React 源码的碎片记录.md

@@ -3,4 +3,7 @@
 - Reconciler 会从根节点一直向下递到子节点，再从子节点一路向上归到根节点
 - Fibet 中的 tag 属性保存了组件类型，如 Function Component、Class Component
 - Fiber 中的 elementType 和 type 属性在大部分时候时相同，但是在 Function Component 使用React.memo 包裹时会有不同
-- Fiber 中的 type 属性在使用 Function Component 时是函数本身，Class Component 时是 Class，
+- Fiber 中的 type 属性在使用 Function Component 时是函数本身，Class Component 时是 Class，Host Component 时是 DOM 节点的 Tag Name
+- Fiber 中的 stateNode 属性对于 Host Component 而言，是它的真实 DOM 节点
+- Fiber 中的 return、child、sibling 属性则对应链接Fiber链表中的父节点、子节点和兄弟节点
+- Fiber 中的 index 属性代表同级 Fiber 节点中，它们插入的位置索引