====== 差别 ======
这里会显示出您选择的修订版和当前版本之间的差别。
后一修订版 | 前一修订版 | ||
手写简易react_手写系列六 [2023/02/09 10:37] 若愚 创建 |
手写简易react_手写系列六 [2023/02/09 10:46] (当前版本) 若愚 |
||
---|---|---|---|
行 1: | 行 1: | ||
- | # 手写简易React | + | # 手写简易React(JSX与虚拟DOM) |
行 18: | 行 18: | ||
``` | ``` | ||
- | [动手试试看!](https:// | + | [动手试试看!](https:// |
上面的代码没法运行,因为目前还不存在React.createElement这个东西。我们补充代码,提前增加一个React对象,里面包含createElement方法。这个方法接收输入参数,返回一个对象。 | 上面的代码没法运行,因为目前还不存在React.createElement这个东西。我们补充代码,提前增加一个React对象,里面包含createElement方法。这个方法接收输入参数,返回一个对象。 | ||
行 45: | 行 45: | ||
``` | ``` | ||
- | 在【[这里](https:// | + | 在【[这里](https:// |
## 虚拟DOM的渲染 | ## 虚拟DOM的渲染 | ||
行 145: | 行 145: | ||
``` | ``` | ||
- | 可在【[这里](https:// | + | 可在【[这里](https:// |
以上代码是一个最粗浅的React雏形。自己后续可尝试实现Class组件、setState、函数组件、DOM diff、Hooks等。下方是视频教程和源码可供参考\(源码可切换分支看一步一步实现的过程\)。 | 以上代码是一个最粗浅的React雏形。自己后续可尝试实现Class组件、setState、函数组件、DOM diff、Hooks等。下方是视频教程和源码可供参考\(源码可切换分支看一步一步实现的过程\)。 |