返回课程

useState Hook

编程代码 · React/Next.js

💡 React useState Hook:创建和更新组件内部状态
const [count, setCount] = useState(0);// useState(0) 创建数字状态,count 是值,setCount 是更新函数
const [name, setName] = useState('');// useState('') 创建空字符串状态
const [items, setItems] = useState<string[]>([]);// useState<string[]>([]) 创建类型化的数组状态
const [isOpen, setIsOpen] = useState(false);// useState(false) 创建布尔状态(如弹窗开关)
setCount(prev => prev + 1);// 函数式更新:基于前一个值 +1(避免闭包陷阱)
0 字/分0% 准确
🐵
c左手中指
ESC 暂停 退格