DEV Community
·
React Hooks：useState（01）
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
React Hooks是内置函数，主要有10个以上的hooks，常用的包括useState和useEffect。useState用于存储和修改组件状态，控制UI变化，例如点击按钮显示“Good afternoon”。
🎯
关键要点
- React Hooks是内置函数，主要有10个以上的hooks。
- React hooks以'use'为前缀，例如useState和useEffect。
- React hook的规则是：只能在函数组件的顶层调用hooks，不能条件性声明hooks。
- 基本的React Hooks包括useState、useEffect和useRef。
- 其他React Hooks包括useReducer、useMemo、useContext和useDebugValue。
- useState用于存储和修改React组件的状态，控制UI变化。
- useState可以接受字符串、数字、布尔值、数组和回调函数。
- 示例中，点击按钮“greet”时显示消息“Good afternoon”。
➡️
