周小天
前端
19 useTransition基础用法
19useTransition基础用法useTransition概念介绍react提供了useDeferredValue发挥类似防抖节流的作用，而useTransition也是类似的作用，但是该hook是通过降低数据渲染的优先级来达到优先更新其他数据useTransition用来解决什么问题？首先给
react
前端
18 示例：React使用Echarts所用到的hooks
18示例：React使用Echarts所用到的hooks本篇文章写于2020年11月13日，距离前面文章已经过去半年，因此本文的讲述风格和示例代码，可能和前面的章节不同。Echarts简介Echarts是百度公司推出的，基于原生JS的图表库，免费开源，可用于数据可视化项目。官网地址：https://
react
前端
17 React Hook 总结
17ReactHook总结首先，对你能够坚持到现在，表示深深的赞扬，学习ReactHook之路不容易。我们快速的回顾一下之前学习过的各个hook。reacthook回顾定义变量useState()：定义普通变量useReducer()：定义有不同类型、参数的变量组件传值useContext()：定义
react
前端
16 自定义hook
16自定义hook自定义hook概念解释像useState、useEffect、useContext、useReducer、useCallback、useMemo、useRef、useImperativeHandle、useLayoutEffect、useDebugValue这10个hook是rea
reacthook
前端
15 useDebugValue基础用法
15useDebugValue基础用法useDebugValue概念解释我们第十个要学习的Hook(钩子函数)是useDebugValue，他的作用是“勾住”React开发调试工具中的自定义hook标签，让useDebugValue勾住的自定义hook可以显示额外的信息。“React开发调试工具”是
react
前端
14 useLayoutEffect基础用法
14useLayoutEffect基础用法useLayoutEffect概念解释我们第九个要学习的Hook(钩子函数)是useLayoutEffect，他的作用是“勾住”挂载或重新渲染完成这2个组件生命周期函数。useLayoutEffect使用方法、所传参数和useEffect完全相同。他们的不同
react
前端
13 useImperativeHandle基础用法
13useImperativeHandle基础用法useImperativeHandle概念解释我们第八个要学习的Hook(钩子函数)是useImperativeHandle，他的作用是“勾住”子组件中某些函数(方法)供父组件调用。先回顾一下之前学到的。第1个知识点：react属于单向数据流，父组件
react
前端
12 useRef基础用法
12useRef基础用法useRef概念解释我们第七个要学习的Hook(钩子函数)是useRef，他的作用是“勾住”某些组件挂载完成或重新渲染完成后才拥有的某些对象，并返回该对象的引用。该引用在组件整个生命周期中都固定不变，该引用并不会随着组件重新渲染而失效。上面这段话，就算你认真读几遍，估计也是一
reactreact-hook
前端
11 useMemo基础用法
11useMemo基础用法useMemo概念解释我们第六个要学习的Hook(钩子函数)是useMemo，他的作用是“勾住”组件中某些处理函数的返回值，创建这些返回值对应在react原型链上的索引。当组件重新渲染时，需要再次用到这些函数返回值，此时不再重新执行一遍运算，而是直接使用之前运算过的返回值。
react
前端
10 useCallback基础用法
10useCallback基础用法useCallback概念解释我们第五个要学习的Hook(钩子函数)是useCallback，他的作用是“勾住”组件属性中某些处理函数，创建这些函数对应在react原型链上的变量引用。useCallback第2个参数是处理函数中的依赖变量，只有当依赖变量发生改变时才
react
前端
09 useReducer高级用法
09useReducer高级用法所谓高级用法，只不过是一些深层知识点和实用技巧，你甚至可以把本章当做对前面知识点的一个巩固和学习。使用useReducer来管理复杂类型的数据举例，若某组件内通过ajax请求数据，获取最新一条站内短信文字，需要组件显示整个ajax过程及结果：1、当ajax开始请求时，
react
前端
08 useReducer基础用法
08useReducer基础用法useReducer概念解释我们第四个要学习的Hook(钩子函数)是useReducer，他的作用是“勾住”某些自定义数据对应的dispatch所引发的数据更改事件。useReducer可以替代useState，实现更为复杂逻辑的数据修改。在React16.8版本以前
react
前端
07 useContext高级用法
07useContext高级用法所谓高级用法，只不过是一些深层知识点和实用技巧，你甚至可以把本章当做对前面知识点的一个巩固和学习。同时传递多个共享数据值给1个子组件实现以下组件需求：1、有2个共享数据对象UserContext、NewsContext；2、父组件为AppComponent、子组件为C
react