React小记(五)_Hooks入门到进阶

React 16.8 版本类组件函数组件 两种组件共存,到目前 React 18 版本,官方已经不在推荐使用类组件,在函数组件中 hooks 是必不可少的,它允许我们函数组件像类组件一样可以使用组件的状态,并模拟组件的生命周期等一系列行为。

本文为react_hooks 的汇总,希望对正在学习react-hooks的你,能够有所帮助!

一、核心hooks

我们知道在类组件中 react 具有三大属性,分别为state、props 、ref ,在 hooks 中同样存在相应的 hooks

1、useState
useStatehttps://blog.csdn.net/weixin_61791370/article/details/139679655

2、useRef

useRefhttps://blog.csdn.net/weixin_61791370/article/details/139679773

3、forwardRef

forwardRefhttps://blog.csdn.net/weixin_61791370/article/details/139679851

4、uselmperativeHandle

useImperativeHandlehttps://blog.csdn.net/weixin_61791370/article/details/139679920

二、模拟生命周期 hooks

1、useEffect
useEffecthttps://blog.csdn.net/weixin_61791370/article/details/139679969

2、useLayoutEffect

useLayoutEffecthttps://blog.csdn.net/weixin_61791370/article/details/139680028

三、组件通信 hooks

1、useReducer
useReducerhttps://blog.csdn.net/weixin_61791370/article/details/139995775

2、useContext

useContexthttps://blog.csdn.net/weixin_61791370/article/details/139995886

四、性能优化 hooks

9、useMemo和memo函数
useMemo和memo函数https://blog.csdn.net/weixin_61791370/article/details/139995958

10、useCallback

useCallbackhttps://blog.csdn.net/weixin_61791370/article/details/139996016
相关推荐
雪碧聊技术3 分钟前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
快起来别睡了5 分钟前
手写 Ajax 与 Promise:从底层原理到实际应用
前端
打不着的大喇叭1 小时前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app
无我Code1 小时前
2025----前端个人年中总结
前端·年终总结·创业
程序猿阿伟1 小时前
《前端路由重构:解锁多语言交互的底层逻辑》
前端·重构
Sun_light1 小时前
6个你必须掌握的「React Hooks」实用技巧✨
前端·javascript·react.js
爱学习的茄子1 小时前
深度解析JavaScript中的call方法实现:从原理到手写实现的完整指南
前端·javascript·面试
莫空00001 小时前
Vue组件通信方式详解
前端·面试
呆呆的心1 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
susnm1 小时前
Dioxus 与数据库协作
前端·rust