第四章：渲染 —— 空调面板刷新机制

1 分钟 111 字第 26 / 962 个阅读单元

React 最核心的机制：State 或 Props 变了 → 组件函数重新执行 → 页面更新。

text

用户按了"降温"按钮
       │
       ▼
setTemp(25)          ← 修改 state
       │
       ▼
AirConditioner()     ← React 重新调用这个函数
       │
       ▼
返回新的 JSX          ← 温度显示 25°C
       │
       ▼
React 对比新旧 JSX    ← 只有温度数字变了
       │
       ▼
只更新变化的 DOM

这个对比过程叫 Virtual DOM Diff。就像空调面板不会因为温度变了就把整个面板拆了重装，只改变化的那个数字。