From c0fd93de2a01b76f6643b281332d30b74a81f8e4 Mon Sep 17 00:00:00 2001 From: YuJian Date: Tue, 12 Apr 2022 11:46:12 +0800 Subject: [PATCH] vault backup: 2022-04-12 11:46:11 --- 自顶向下学 React 源码/React 源码的碎片记录.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/自顶向下学 React 源码/React 源码的碎片记录.md b/自顶向下学 React 源码/React 源码的碎片记录.md index df1e076..6503894 100644 --- a/自顶向下学 React 源码/React 源码的碎片记录.md +++ b/自顶向下学 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, \ No newline at end of file +- 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 节点中,它们插入的位置索引 \ No newline at end of file