React Hooks 详解：从基本到高级应用

'useState'：用于在函数组件中添加局部状态。
'useEffect'：用于在组件渲染时执行副作用操作，如数据获取、事件监听等。
'useContext'：用于在函数组件中访问 React 上下文（Context）。
'useReducer'：用于管理复杂状态逻辑的状态管理器，类似于 Redux。
'useCallback'：用于缓存函数以提高性能，避免函数重新创建。
'useMemo'：用于缓存计算结果以提高性能，避免重复计算。
'useRef'：用于在函数组件中添加可变引用。
'useImperativeHandle'：用于在函数组件中自定义暴露给父组件的实例方法。
'useLayoutEffect'：类似于 'useEffect'，但在 DOM 更新之前同步执行副作用操作。
'useDebugValue'：用于在 React 开发者工具中显示自定义 Hook 的调试信息。