From 83e982b8cfe90712309857853e66ba30f396f13f Mon Sep 17 00:00:00 2001 From: YuJian920 Date: Tue, 19 Apr 2022 23:07:33 +0800 Subject: [PATCH] vault backup: 2022-04-19 23:07:33 --- React 的源码深入/React Reconciler - Fiber 创建.md | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/React 的源码深入/React Reconciler - Fiber 创建.md b/React 的源码深入/React Reconciler - Fiber 创建.md index 9137efb..1e7f029 100644 --- a/React 的源码深入/React Reconciler - Fiber 创建.md +++ b/React 的源码深入/React Reconciler - Fiber 创建.md @@ -80,7 +80,12 @@ createInstance 会调用 createElement 方法创建一个 DOM 实例，并调用 ### diffProperties -函数开始会先执行对 props 属性的校验方法：`validatePropertiesInDevelopment` 方法，然后根据 Fiber tag 进入不同的case，这里只有针对三种 tag有特殊的处理，分别是：input、select 和 textarea，本次进入 completeWork 的 Fiber 节点 tag 为 img，所以不会进入 特殊处理的 case，最终进入到 default 逻辑，这里还有一个针对Fiber 旧 props 属性 onClick 不是 function 且 新 props 属性 onClick 是 function 的一个特殊处理，就是直接给 DOM 的 onclick 属性 +函数开始会先执行对 props 属性的校验方法：`validatePropertiesInDevelopment` 方法，然后根据 Fiber tag 进入不同的case，这里只有针对三种 tag有特殊的处理，分别是：input、select 和 textarea，本次进入 completeWork 的 Fiber 节点 tag 为 img，所以不会进入 特殊处理的 case，最终进入到 default 逻辑，然后被直接 break，去往 assertValidProps 函数 +这里还有一个针对 Fiber 旧 props 属性 onClick 不是 function 且 新 props 属性 onClick 是 function 的一个特殊处理：就是直接给 DOM 的 onclick 属性赋值为一个空函数 ，从官方留下的注释中大概可以知道，这似乎是为了修复 Safari 浏览器的问题的特殊处理 + +### assertValidProps + +函数一开始会检查 props 是否存在，不存在直接 return