代码点读机 / JavaScript / useState

useState JavaScript · React 框架

React 框架的函数(不是 JavaScript 语法本身):给组件声明一个「会变的值」,改它时界面会自动更新。AI 生成的网页代码几乎必有。

怎么用

const [值, 改值的函数] = useState(初始值);

小例子

const [count, setCount] = useState(0);
// 用户点按钮时执行:
setCount(count + 1);

效果

count 从 0 开始;每次调 setCount 后,界面上的数字自动跟着变

提醒:只能通过 setCount 这类修改函数改值,直接写 count = 5 界面不会更新;名字带 use 开头是 React 的命名习惯。

官方文档:https://react.dev/reference/react/useState

在代码里遇到不认识的词?打开代码点读机,点一下就懂 → ← JavaScript全部词条