摘要：
TS中定义泛型接口的两种方式 // 泛型接口定义 //方式一 interface ConfigFn{ <T>(value:T) :T } const getData:ConfigFn = function<T>(value:T) :T{ return value } getData<number>( 阅读全文
posted @ 2021-10-10 12:23
前端那点事
阅读(1610)
评论(0)
推荐(0)
摘要：
ts中泛型的使用？ (function(){ /* 在定义函数或者类时,如果遇到类型不明确的可以使用泛型 */ function fn<T>(a:T) :T{ return a } // 可以直接调用具有泛型的函数 fn(10) //不指定泛型,ts可以自动对类型进行推断 fn<number>(10 阅读全文
posted @ 2021-10-07 17:56
前端那点事
阅读(1451)
评论(0)
推荐(0)
摘要：
ts中类的属性的封装 (function(){ /* public 修饰的属性可以在任意位置访问(修改)默认值 private :私有属性,私有属性只能在类的内部进行访问 - 通过在类中添加方法使得私有属性可以被外部访问 protected 受保护的属性,只能在当前类的子类中访问(修改) */ cl 阅读全文
posted @ 2021-10-07 17:16
前端那点事
阅读(507)
评论(0)
推荐(0)
摘要：
ts中接口的使用 (function(){ // 描述一个对象的类型 type myType ={ name:string, age:number } // 类也是用来创建对象的 /* 接口就是用来定义一个类(对象) 的结构*/ interface myInterfance { name:strin 阅读全文
posted @ 2021-10-07 15:46
前端那点事
阅读(478)
评论(0)
推荐(0)
摘要：
自定义hook的步骤 自定义hook的步骤 1.引入react和自己需要的hook 2.创建自己的hook函数 3.返回一个数组,数组中第一个内容是数据,第二是修改数据的函数 4.将自己定义的hook暴露出去 5.在自己的业务组件中引入并使用 通过自定义hook 模拟数据接口请求功能 utils > 阅读全文
posted @ 2021-10-04 22:50
前端那点事
阅读(1548)
评论(0)
推荐(0)
摘要：
react中如何使用useReducer？ import React,{useReducer} from 'react'; // redux必须的内容 // store reducer /* useReducer使用？ 1.创建 数据仓库store 和 管理者reducer 2.通过useReduc 阅读全文
posted @ 2021-10-04 21:22
前端那点事
阅读(984)
评论(0)
推荐(0)
摘要：
react中useContext的使用 import React,{useState,createContext,useContext} from 'react'; /* 1.需要引入createContext,useContext 2.通过createContext来创建句柄 3.Context. 阅读全文
posted @ 2021-10-04 20:41
前端那点事
阅读(1652)
评论(0)
推荐(0)
摘要：
react 中useRef的作用 import React,{useEffect, useState,useRef} from "react" /* 1.保存一个值,在整个生命周期中维持不变 2.重新赋值ref.current不会触发重新渲染 */ export default function U 阅读全文
posted @ 2021-10-04 17:08
前端那点事
阅读(2715)
评论(0)
推荐(0)
摘要：
react中useCallback使用案例 import React,{useState,useCallback,useEffect} from "react" const set = new Set(); export default function UseCallback(){ // 返回一个 阅读全文
posted @ 2021-10-04 16:28
前端那点事
阅读(1242)
评论(0)
推荐(0)
摘要：
react中useMemo使用案例二 import React,{useState,useMemo} from "react" export default function UseMemo(){ // 返回一个数组,第一个值是状态,第二个是改变状态的函数 const [num, setNum] = 阅读全文
posted @ 2021-10-04 15:42
前端那点事
阅读(246)
评论(0)
推荐(0)
浙公网安备 33010602011771号