什么是状态？

到目前为止，一切都是静态的：数据输入后，页面就生成了，什么都不会改变。真正的应用会记住不断变化的内容：点赞数、打开的菜单、搜索框中的文字。这种记忆称为状态。

React 通过 useState 钩子为组件提供状态：

import { useState } from 'react';

export default function App() {
    const [count, setCount] = useState(0);
    ...
}

一行代码，三个部分：

• count：当前值
• setCount：用于更改它的函数
• useState(0)：初始值

黄金法则：绝不要直接给状态赋值。count = 5 会报错，因为 count 是 const。即使它可以改变，React 也不会知道。setCount(5) 会改变状态并重新渲染组件。正是这次重新渲染更新了屏幕。