From 5b0cf2259e1fe98075355d89e63dccc123df9ec4 Mon Sep 17 00:00:00 2001 From: YuJian Date: Wed, 20 Apr 2022 11:56:31 +0800 Subject: [PATCH] vault backup: 2022-04-20 11:56:31 --- .../深入理解 JSX.md | 20 ------------------- 1 file changed, 20 deletions(-) delete mode 100644 自顶向下学 React 源码/深入理解 JSX.md diff --git a/自顶向下学 React 源码/深入理解 JSX.md b/自顶向下学 React 源码/深入理解 JSX.md deleted file mode 100644 index 16541ae..0000000 --- a/自顶向下学 React 源码/深入理解 JSX.md +++ /dev/null @@ -1,20 +0,0 @@ -# 深入理解 JSX -```javascript -/** - * type JSX 的类型 - * config JSX 中的属性 - * children JSX 的子元素 - */ -React.createElement(type, config, children) -``` - -- 有对应 DOM 节点的元素在 React 中被称为 Host Component -- createElement 方法最后会调用 ReactElement 方法,这个方法会返回一个对象,对象中有 \$\$typeof 属性并且值为 REACT_ELEMENT_TYPE -- React 中有一个 isValidElement 方法,这个方法用于判断 React Element 是否合法:类型需要是 object、不能是 null 、并且 \$\$typeof 为 REACT_ELEMENT_TYPE -- 所有 createElement 方法返回的结果,就是一个 React Element - -### 小结 -1. 什么是 ReactElement? - ReactElement 就是通过调用 React.createElement 方法返回的结果 -2. 什么是 ReactComponents - 就是 Function Components 和 Class Components 本身 \ No newline at end of file