千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:郑州千锋IT培训  >  技术干货  >  React-hooks有哪些 ,用法

React-hooks有哪些 ,用法

来源:千锋教育
发布人:lxx
时间: 2023-04-11 16:35:49

  React中提供了很多Hooks,常用的有如下几个:

千锋教育

  1、useState用来创建持久化的状态

  2、useRef可以创建一个ref对象, 可以用于标记dom和子组件,也可以创建一个不会变化的持久数据

  3、useEffect 可以用来监听数据变化以及模拟生命周期函数

  4、useContext 可以高效便捷的取用Context中传递的value

  5、useCallback 用于缓存函数,避免函数重复构建, 提高性能

  6、useMemo 实现vue中计算属性的能力,缓存计算结果, 提高性能

  7、useLayoutEffect,与useEffect的区别是在render前同步执行

  8、useReducer 可以创建一个小型的store, 往往需要搭配Context使用

  9、useImperativeHandle 可以给React.forward处理后的函数组件接收到的ref对象拓展功能

  10、useid 可以创建一个唯一id

  其他的工具中也都有提供一些特别好用的hooks

  react-router-dom:

  1、useLocation

  2、useHistory V5

  3、useParams

  4、useNavigate V6

  5、useSearchParams V6

  reduxjs/toolkit

  1、useDispatch

  2、useSelector

  ......

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

说说setState

2023-03-30

类的加载机制是什么

2023-03-21

如何定义Java变量?

2023-03-14

最新文章NEW

Java与H5、大数据、物联网等学科对比的优势

2023-03-31

做过那些优化(react或者vue)、前端优化

2023-03-30

java实现多线程的几种方式

2023-03-21

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>