React 心智模型

这篇文章解释 React 的“默认思考方式”：你描述 UI 应该长什么样，React 负责把它更新到现实世界。

TL;DR
  • 状态变化 → 触发渲染 → 得到下一次 UI 描述。
  • 组件是可组合的“函数式单元”：用 props 输入、用 UI 输出。
  • 把副作用放到 Effect；把纯计算留在渲染过程。

为什么需要心智模型

没有统一心智模型时，团队会在“到底什么时候更新、更新从哪里来”上产生分歧，导致 bug 与维护成本上升。

延伸阅读

这篇文章有帮助吗？