![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React Hook 学习笔记
React Hook 个人学习笔记
前端-卡布达
前端小菜鸡
展开
-
06-redux中的hook
在类组件中,我们要获取redux中的数据,使用的方法是先引入 connect高阶函数,传入一个 mapStateToProps作为其参数,并在mapStateToProps函数中将redux中的值返回出去,以这样的的形式来获取redux中的数据。在函数组件中,提供了一种比上面使用起来更加方便的方式,也就是使用redux中的一些hook函数来实现redux中数据的获取。在函数组件中,使用Provider包裹根组件,并将store注入这一步,依旧是不能少的。在函数组件中要和redux连接,分为两个步骤。原创 2023-03-07 22:01:47 · 1203 阅读 · 0 评论 -
05-路由中的Hook
获取 location 对象,location 对象提供了路由的一些描述相关信息;:获取 history 对象, history 对象提供了路由的跳转方法;获取到的关于路由的相关方法和数据,在函数组件中还是可以继续通过参数。同样的,在类组件中,如果我们需要非路由组件,需要使用。:获取动态路由的参数对象;提供路由传递的一些参数。原创 2023-03-07 22:01:15 · 588 阅读 · 0 评论 -
04-useMemo 、React.memo、useCallback
缓存数据,模拟 Vue 中的计算属性。同样useMemo跟vue中component一样,也是有缓存的,会将结果缓存下来。原创 2023-03-07 21:58:56 · 429 阅读 · 0 评论 -
03-useEffect
useEffect 是 React 中针对函数组件没有生命周期的问题,给出的解决方案。原创 2023-03-07 21:59:12 · 256 阅读 · 0 评论 -
02-useState、useRef
这个函数,来解决函数组件中不能设置状态的问题。方法的作用和语法都是一样的。这个 hook 方法和。React 中提供了。原创 2023-03-07 21:56:27 · 107 阅读 · 0 评论 -
01-关于hook
在 React 16.8 版本以前,函数组件也称为“无状态组件”。即函数组件中不能使用 state,也不能使用生命周期函数。从 16.8 开始,React 中新增了 Hook,专门用来解决函数组件的一些问题。从代码层面来看,Hook 实际上就是一组函数,每一个函数都用自己的功能。原创 2023-03-07 21:55:03 · 96 阅读 · 0 评论