React18学习之七.JSX底层处理机制（下）

第二步：把构建的virtualDOM渲染成为真实DOM

真实DOM：浏览器页面中，最后渲染出来，让用户看见的DOM元素

补充说明：第一次渲染页面是直接从virtualDOM->真实DOM:但是后期视图更新的时候，需要经过一个DOM-DIFF对比，计算出补丁包PATCH，就是两次视图差一的部分，把PATCH补丁包进行渲染!!

第一次页面渲染：JSX语法 -> virtualDOM -> 真实DOM

在第一次渲染完成之后生成的virtualDOM对象会把他缓存起来 --> oldVirtualDOM

当我们经过某些操作，改变了页面的某些数据，视图需要重新渲染更新

按照最新的数据，把JSX重新编译为“全新的virtualDOM” --> newVirtualDOM,全部重新编译

此时，会将newVirtualDOM和之前缓存的oldVirtualDOM进行对比，这个过程就称为DOM-DIFF，并且将有变化的部分生成PATCH补丁包，之重新渲染PATCH补丁包。