React
你可能会说
老听人说做网页要用 React，它到底比直接写页面强在哪？
React 是把网页拆成可复用部分，并让画面跟随数据变化的工具。例如商品加入购物车后，右上角数量从 2 变成 3，React 会根据新数量更新这处画面。商品是否真的保存成功、刷新后还在不在，仍取决于保存数据的服务。
先知道
也常被叫作React.js
延伸阅读 · 权威出处
老听人说做网页要用 React，它到底比直接写页面强在哪？
const [count, setCount] = useState(0)<button onClick={() => setCount(count + 1)}> 已加入 {count} 件</button>按钮读着 count；count 改了，React 就把这块按钮文字换成新值。
组件是一小块界面：按钮可以是一块独立的界面，旁边的待办列表也可以是另一块。
状态记住当前值：点击把计数从 0 改成 1；状态就是这块界面此刻要显示的值。
React 按新值计算界面：React 重新计算相关组件的输出，渲染器再按需更新实际 DOM，所以按钮文字变了。
请让商品卡、顶部徽标和结算区从同一份购物车状态读取数量，不要逐个修改 DOM。更新后同步三个位置；另行说明持久化方案，并用刷新页面验证数据是否真正保存。