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等

相关推荐
辣辣y1 天前
React中useMemo和useCallback的作用:
前端·react
郝开2 天前
扩展:React 项目执行 yarn eject 后的 package.json 变化详解及参数解析
react.js·前端框架·react
purpleseashell_Lili2 天前
配置别名路径 @
javascript·react
郝开5 天前
扩展:React 项目执行 yarn eject 后的 scripts 目录结构详解
react.js·前端框架·react
郝开5 天前
扩展:React 项目执行 yarn eject 后的 config 目录结构详解
react.js·前端框架·react
破烂公司一级特派员7 天前
前端开发实战:用React Hooks优化你的组件性能
性能优化·实战·react·前端开发·hooks
西楚曹长卿17 天前
RN 获取视频封面,获取视频第一帧
android·react native·音视频·react
凌晨一点的程序员19 天前
antd中的表格穿梭框(Transfer)如何使用
前端·javascript·html·react·antd·transfer
Zhillery19 天前
Tauri快速入门1 - 搭设开发环境
typescript·前端框架·react·tauri
白泽来了21 天前
2个小时1.5w字| React & Golang 全栈微服务实战
笔记·go·react