React 18.0 新增Hook

复制代码
useState
useEffect
useContext
useReducer
useCallback
useRef
useMemo
useImperativeHandle
useLayoutEffect
useDebugValue(18.0新增)
useDeferredValue(18.0新增)
useTransition(18.0新增)
useId(18.0新增)
useSyncExternalStore(18.0新增)
useInsertionEffect(18.0新增)

Hook 大致分为几种:

1、组件状态处理相关: useState、useReducer、useContext

2、处理副作用:useEffect、useLayoutEffect

3、性能优化相关:useMemo、useCallback

4、DOM 相关:useRef

5、redux 相关:useSelector、useDispatch、useStore

6、用户自定义 hook 或者是 某些库自带的 hook等

相关推荐
freewlt1 小时前
React 20与Server Components生态:2026年全新实践
react
三声三视1 天前
React 19 正式发布!17 个新特性深度解析与迁移指南(2026 实战版)
前端·javascript·reactjs·react
花千树-0103 天前
MCP + Function Calling:让模型自主驱动工具链完成多步推理
java·agent·react·mcp·toolcall·harness·j-langchain
钛态3 天前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
康一夏5 天前
Next.js 13变化有多大?
前端·react·nextjs
Jack N5 天前
React 中的函数式更新
react
喵了几个咪5 天前
Headless 架构优势:内容与展示解耦,一套 API 打通全端生态
vue.js·架构·golang·cms·react·taro·headless
ZHENGZJM6 天前
架构总览:Monorepo 结构与容器化部署
架构·go·react·全栈开发
最初的↘那颗心6 天前
Agent 核心原理:本质、ReAct 框架与工具设计最佳实践
大模型·agent·react·spring ai·工具设计
一只小阿乐7 天前
TypeScript中的React开发
前端·javascript·typescript·react