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 天前
React源码解读
前端·javascript·react.js·webpack·前端框架·node.js·react
飞奔的龟龟12 天前
getDerivedStateFromProps 详解
react
Liigo14 天前
初次体验Tauri和Sycamore (2)
rust·react·tauri·webassembly·jsx·sycamore·dioxus
Lysun0011 个月前
redux 结合 @reduxjs/toolkit 的使用
开发语言·前端·javascript·react·redux
远洋录1 个月前
支付宝八折事件启示录:用户体验与风险管理的平衡艺术
前端·人工智能·react
迪迦1 个月前
React实现拖拽特效
javascript·react
远洋录1 个月前
Electron 开发者的 Tauri 2.0 实战指南:文件系统操作
前端·人工智能·react
远洋录1 个月前
Electron 开发者的 Tauri 2.0 实战指南:安全实践
前端·人工智能·react
远洋录1 个月前
Vue 开发者的 React 实战指南:测试篇
前端·人工智能·react
远洋录1 个月前
Vue 开发者的 React 实战指南:表单处理篇
前端·人工智能·react