React
Hooks & Components API Reference
React Hooks API 参考,涵盖状态、副作用、上下文、reducer、ref、记忆化与布局副作用等核心钩子。
By EZ4Code Team
React Hooks
React 函数组件中使用的状态与副作用钩子集合。
useState(initial)声明组件内部状态,返回当前值与更新函数。
Returns: 返回 [state, setState] 二元组,state 为当前值,setState 为更新函数。
useEffect(setup, deps)在渲染后执行副作用,可选依赖数组控制执行时机,返回清理函数。
Returns: 无返回值;setup 返回的清理函数会在组件卸载或依赖变化前调用。
useContext(context)读取并订阅 React 上下文,Context 值变化时触发重渲染。
Returns: 返回当前 Context 的 Provider 提供的 value。
useReducer(reducer, initial)使用 reducer 模式管理复杂状态逻辑,返回当前状态与 dispatch 函数。
Returns: 返回 [state, dispatch] 二元组。
useRef(initial)创建跨渲染保持的可变引用对象,修改不会触发重渲染。
Returns: 返回 { current: initial } 形式的 ref 对象。
useMemo(factory, deps)记忆化计算结果,仅当依赖变化时重新计算。
Returns: 返回 factory 的计算结果。
useCallback(fn, deps)记忆化函数引用,避免因函数重建导致的子组件无谓重渲染。
Returns: 返回记忆化后的函数,仅当依赖变化时才更新。
useLayoutEffect(setup, deps)与 useEffect 类似,但在 DOM 更新后同步执行,适合读取布局信息。
Returns: 无返回值;清理函数在依赖变化或卸载前同步执行。