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等

相关推荐
ZoeLandia3 天前
React03:useState 与不可变更新
前端·react.js·typescript·react
莫逸风4 天前
【毕设源码二期01】校园失物招领系统:从发布线索到核验交接
spring boot·毕业设计·课程设计·react
Shockang7 天前
TanStack Router 实战:URL 校验、Loader 与路由权限
typescript·react·路由·前端开发·tanstack router
小天源10 天前
智叟云集系统架构解析:从品牌 AI 可见度监测到前后端协同
人工智能·react.js·系统架构·node.js·react·ai监测·ai品牌监测
guslegend14 天前
工程地基、Provider 与 ReAct 循环:Agent 核心能力的设计、实现与验收
人工智能·agent·react·架构设计·spring ai
EatFan15 天前
React 项目踩坑实录:useEffect 闭包陷阱、Context 性能陷阱与 React 18 升级避坑排查手册
前端·javascript·react.js·react·react hooks·useeffect·闭包陷阱
FungLeo20 天前
成为全栈·Next.js 网站前台篇·站点设置如何驱动页头、页脚与 SEO
react·isr·next.js·metadata·成为全栈·站点配置
大连好光景20 天前
ReAct的原理?与CoT的区别是啥?
react·cot
大连好光景20 天前
Agent完整工作过程
react·agent完整工作流程
FungLeo22 天前
成为全栈·Next.js 网站前台篇·同源 BFF 代理:API、附件、Cookie 与跨站写入保护
react·csrf·next.js·bff·成为全栈·route handler