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”。
❓
延伸问答
React Hooks是什么？
React Hooks是内置函数，主要用于执行特定任务，React有超过10个hooks。
useState的主要功能是什么？
useState用于存储和修改React组件的状态，控制UI变化。
使用useState时需要遵循哪些规则？
只能在函数组件的顶层调用hooks，不能条件性声明hooks。
useState可以接受哪些类型的初始值？
useState可以接受字符串、数字、布尔值、数组和回调函数。
能否给出一个useState的使用示例？
点击按钮“greet”时，useState控制显示消息“Good afternoon”。
React Hooks中还有哪些其他常用的hooks？
其他常用的hooks包括useEffect、useRef、useReducer、useMemo、useContext和useDebugValue。
➡️
