1.18 状态是如何改变视图的

一、状态如何改变视图

1. 普通变量为什么不行：普通变量不能重新渲染JSX

2. state状态为什么可以：重新触发函数组件，并且state状态具备组件的记忆

3. 渲染与提交的过程(三个步骤)

   1. 触发一次渲染：

      1. 组件初次渲染，createRoot.render()

      2. 内部状态更新，触发渲染送入队列

   2. 渲染需要的组件

      1. 在进行初次渲染时，React会调用根组件

      2. 内部状态更新，会渲染对应的组件函数

   3. 提交到DOM上

      1. 初次渲染，appendChild() DOM API内部状态更新，更新差异的DOM节点