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等

相关推荐
蜡台8 小时前
SPA(Single Page Application) Web 应用(即单页应用)架构模式 更新
前端·架构·vue·react·spa·spa更新
L-影12 小时前
Agent中的ReAct:类型、作用与避坑指南(下篇)
人工智能·ai·react
闭上眼让寒冷退却19 小时前
LilChat项目复杂度+难点+亮点建议
react·socket.io·project
Highcharts.js1 天前
Highcharts React v4 迁移指南(下):分步代码示例与常见问题解决
javascript·react.js·typescript·react·highcharts·代码示例·v4迁移
Highcharts.js2 天前
Highcharts React v4 迁移指南(上):核心变更解析与升级收益
前端·javascript·react.js·react·数据可视化·highcharts·v4迁移
hh随便起个名2 天前
useRef和useState对比
前端·javascript·react
吐个泡泡v4 天前
AI Agent 核心认知框架详解
react·cot·ai agent·认知框架
~无忧花开~4 天前
React组件与Props完全指南
开发语言·前端·react
yusheng_xyb4 天前
使用TypeScript与React构建高效用户界面
typescript·react·前端开发
胡少侠75 天前
ReAct Agent:手写 Thought-Action-Observe 循环,从工具调用到真正的 Agent
ai·agent·react·rag