前端九月 13, 202313 useImperativeHandle基础用法13useImperativeHandle基础用法useImperativeHandle概念解释我们第八个要学习的Hook(钩子函数)是useImperativeHandle,他的作用是“勾住”子组件中某些函数(方法)供父组件调用。先回顾一下之前学到的。第1个知识点:react属于单向数据流,父组件react
前端九月 12, 202312 useRef基础用法12useRef基础用法useRef概念解释我们第七个要学习的Hook(钩子函数)是useRef,他的作用是“勾住”某些组件挂载完成或重新渲染完成后才拥有的某些对象,并返回该对象的引用。该引用在组件整个生命周期中都固定不变,该引用并不会随着组件重新渲染而失效。上面这段话,就算你认真读几遍,估计也是一reactreact-hook
前端九月 12, 202311 useMemo基础用法11useMemo基础用法useMemo概念解释我们第六个要学习的Hook(钩子函数)是useMemo,他的作用是“勾住”组件中某些处理函数的返回值,创建这些返回值对应在react原型链上的索引。当组件重新渲染时,需要再次用到这些函数返回值,此时不再重新执行一遍运算,而是直接使用之前运算过的返回值。react
前端九月 11, 202310 useCallback基础用法10useCallback基础用法useCallback概念解释我们第五个要学习的Hook(钩子函数)是useCallback,他的作用是“勾住”组件属性中某些处理函数,创建这些函数对应在react原型链上的变量引用。useCallback第2个参数是处理函数中的依赖变量,只有当依赖变量发生改变时才react
前端九月 7, 202309 useReducer高级用法09useReducer高级用法所谓高级用法,只不过是一些深层知识点和实用技巧,你甚至可以把本章当做对前面知识点的一个巩固和学习。使用useReducer来管理复杂类型的数据举例,若某组件内通过ajax请求数据,获取最新一条站内短信文字,需要组件显示整个ajax过程及结果:1、当ajax开始请求时,react
前端九月 7, 202308 useReducer基础用法08useReducer基础用法useReducer概念解释我们第四个要学习的Hook(钩子函数)是useReducer,他的作用是“勾住”某些自定义数据对应的dispatch所引发的数据更改事件。useReducer可以替代useState,实现更为复杂逻辑的数据修改。在React16.8版本以前react
前端九月 7, 202307 useContext高级用法07useContext高级用法所谓高级用法,只不过是一些深层知识点和实用技巧,你甚至可以把本章当做对前面知识点的一个巩固和学习。同时传递多个共享数据值给1个子组件实现以下组件需求:1、有2个共享数据对象UserContext、NewsContext;2、父组件为AppComponent、子组件为Creact
前端九月 7, 202306 useContext基础用法06useContext基础用法useContext概念解释我们第三个要学习的Hook(钩子函数)是useContext,他的作用是“勾住”获取由React.createContext()创建、<XxxContext.Provider>添加设置的共享数据value值。useContext可react
前端九月 6, 202305 useEffect高级用法05useEffect高级用法所谓高级用法,只不过是一些深层知识点和实用技巧,你甚至可以把本章当做对前面知识点的一个巩固和学习。让useEffect只在挂载后和卸载前执行一次让我们实现“04useEffect基础用法”中举例2提到的功能。组件需求:1、若某类组件中有变量a,默认值为0,当组件第一次被reactreact-hookreact-useEffect
前端九月 6, 202304 useEffect基础用法04useEffect基础用法useEffect概念解释我们第二个要学习的Hook(钩子函数)是useEffect,他的作用是“勾住”函数组件中某些生命周期函数。都能勾住哪些生命周期函数?答:componentDidMount(组件被挂载完成后)、componentDidUpdate(组件重新渲染完react
前端九月 6, 202303 useState高级用法03useState高级用法所谓高级用法,只不过是一些深层知识点和实用技巧,你甚至可以把本章当做对前面知识点的一个巩固和学习。恢复默认值组件需求:实现一个计数器,有3个按钮,点击后分别实现:恢复默认值、点击+1、点击-1实现代码:importReact,{useState}from'react';freact
前端九月 6, 202302 useState基础用法02useState基础用法useState概念解释我们第一个要学习的Hook(钩子函数)是useState,他的作用是“勾住”函数组件中自定义的变量。“勾住”?回顾一下“ReactHook简介”文中那句话:Hook本身单词意思是“钩子”,作用就是“勾住某些生命周期函数或某些数据状态,并进行某些关联ReactHook
前端九月 6, 2023React Hook 简介01ReactHook简介首先,欢迎你来学习ReactHook,通过本教程你会了解到ReactHook工作原理以及我们推荐使用Hook的理由。学习前提在学习本课程之前,需要你对以下知识点有基础的了解:1、React基础原理;2、函数组件(Functionalcomponents)和类组件(classreact
Golang五月 16, 2023windows系统中VS code未识别nodejs cmdlet错误报错最近笔者在windows使用VScode开发的时候,遇到一个奇怪的问题,在调试代码的过程中,发现通过代码执行VScode的命令命令终端时,始终无法正常运行,一直报cmdlet错误,但是通过自己手动打开命令终端执行命令却一切正常。错误如下图所示:处理经过查询资料发现,是由于windows权限问题,
Golang五月 15, 2023Go 配置 VS code 启动最近笔者在学习gokins过程中,最开始的时候,使用goland编译运行,但是后面由于免费试用天数用完就无法使用了,经过比较,还是决定使用VScode运行,但是VScode默认是不支持运行,需要自己手动配置1、安装go插件2、安装debug插件输入快捷键Ctrl+Shift+P打开命令快捷输入框,输