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等

相关推荐
Zzzzzxl_2 天前
互联网大厂前端面试实录:HTML5、ES6、Vue/React、工程化与性能优化全覆盖
性能优化·vue·es6·react·html5·前端面试·前端工程化
老李说技术3 天前
React 中 useCallback 的基本使用和原理解析
react
csj503 天前
前端基础之《React(7)—webpack简介-ESLint集成》
前端·react
老李说技术4 天前
React中useContext的基本使用和原理解析
react
w2sfot4 天前
如何将React自定义语法转化为标准JavaScript语法?
javascript·react
rengang665 天前
502-Spring AI Alibaba React Agent 功能完整案例
人工智能·spring·agent·react·spring ai·ai应用编程
csj506 天前
前端基础之《React(6)—webpack简介-图片模块处理》
前端·react
!win !6 天前
从一个按钮实例入门CSS in JS之styled-components
css·react
明仔的阳光午后8 天前
React 入门 01:快速写一个React的HelloWorld项目
前端·javascript·react.js·前端框架·reactjs·react
xixixin_8 天前
【React】节流会在react内失效??
开发语言·前端·javascript·react