YuJian
3 years ago
1 changed files with 0 additions and 20 deletions
@ -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 本身 |
|
Loading…
Reference in new issue