typescript
haoyanyu_
这个作者很懒,什么都没留下…
展开
-
React Hook 遇到的小坑--持续记录
1. 依赖项没指定好 hook是利用闭包的特性来生成对应的方法; 当不传依赖项,方法内部的状态值都是取的在定义hook的初始值; 当传入了依赖项,那么依赖项值发生改变,hook会被更新,这个时候它内部用的变量也都会更新到最新。 所以,如果hook里用了状态变量,一定要记得作为依赖项传入,否则会遇到坑哦。 尤其是hook之间互相调用的时候,很容易指定不好依赖项。 如下例子: 本意:merchantChartQuery作为fetchOrder的依赖项,控制fetchOrder的更新。当执行setCpsOrder原创 2020-06-07 21:25:27 · 1091 阅读 · 0 评论 -
React Hook之useState、useReducer的使用和源码分析
React Hook 16.8以前 一般使用类组件或者函数组件; 前者有完整的生命周期API,可以管理组件状态,但是this指向在使用时需要格外注意一;一般通过HOC实现复用;通过shouldComponentUpdate()或者PureComponent组件进行性能优化,防止不必要的更新。 后者是函数组件,一般是传入的数据进行展示,没有生命周期,只有props,是无状态组件; 16.8以后 新增了React Hook特性,它是函数组件,但是通过hook钩子可以管理内部状态,而且可以调用生命周期;通过钩子的原创 2020-05-25 19:35:01 · 1326 阅读 · 0 评论 -
typescript学习重难点总结--可索引类型,interface, type, 泛型, keyof,工具泛型等
ts代码编译原理 核心原则之一:对值所具有的结构进行类型检查(鸭式辩型) ts数据类型 ts的数据类型基础的有string, number, boolean, any, null, undefined, never, 数组类型等等等。 ts里还有一些内置类型 例如在html中DOM元素的一些类型,实现复制功能时用到过HTMLTextAreaElement, Selection,Range等 点击...原创 2020-04-23 15:13:44 · 3745 阅读 · 0 评论 -
typescript基础——泛型
泛型定义 指在定义函数,接口或者类的时候,不预先指定具体的类型,在使用的时候再指定类型的一种特性; 使用 例如:定义一个函数,创建指定长度和值的数组 function createArray(len: number, value: any): Array<any> {} 这样写的缺点是,没有准确的定义返回值的类型 使用泛型修改一下: function createArray<T...原创 2020-04-20 17:48:33 · 184 阅读 · 0 评论 -
typescript基础——函数
定义函数 函数的输入输出要进行类型的定义,函数的参数一旦定义好以后,输入多或者少都是会编译报错的,返回类型也必须跟定义的一致; // 1 function fun(a: string, b: number): number { return parseInt(a + b); } // 2 这种写法只对右侧的匿名函数进行了类型定义,左侧的funs只能通过类型推断得出 const funs = ...原创 2020-04-11 18:11:12 · 141 阅读 · 0 评论 -
typescript基础——数据类型和类型断言
typescript是一种给javascript添加特性的语言扩展。 扩展功能包括: 类型批注和编译时类型检查 类型推断 类型擦除 接口 枚举 Mixin 泛型编程 名字空间 元组 Await 变量声明 let [变量名]: [数据类型] = 值 数据类型 any 任意类型 声明为any的变量可以赋予任意类型的值 不明确变量类型时使用; 改写现有代码时,在编译时选择性的包含或者移除类型检...原创 2020-04-07 15:29:01 · 796 阅读 · 0 评论