React 的心智模型只有一句：UI 是状态的函数，即 UI = f(state)。状态变了，React 重新计算并更新对应的界面。它用 JavaScript（而非模板）描述结构，灵活度和类型友好度高。

1. 心智模型：UI = f(state)

不用框架时，界面靠手动操作 DOM。React 把关注点从「怎么改 DOM」转成「当前状态应该长什么样」：

// 声明：给定 state，返回 UI
function Counter({ count }) {
  return <button>点击了 {count} 次</button>;
}