TypeScript-React
LeuPener
这个作者很懒,什么都没留下…
展开
-
TS 定义数据类型
[key:string]:anyconst someObj:Record<string,unkown> = { name1:'zh', name2:'san'}unkown : 代表所有never : 有但不占位置null: 就是 null 占位置原创 2021-07-27 11:49:53 · 615 阅读 · 0 评论 -
umi useLocation
import { useLocation } from 'umi';export default () => { const location = useLocation(); return ( <div> <ul> <li>location: {location.pathname}</li> </ul> </div> );};原创 2021-05-19 22:12:09 · 2188 阅读 · 0 评论 -
React.SetStateAction<never[]>
React.SetStateAction<never[]>原创 2021-05-13 16:23:35 · 1191 阅读 · 0 评论 -
React.CSSProperties
React.CSSPropertiesReact TS css 类型原创 2021-04-17 22:35:50 · 3183 阅读 · 0 评论 -
TypeScript类型-Partial、Omit
Partial 类型的定义/** * Make all properties in T optional */type Partial<T> = { [P in keyof T]?: T[P];};interface IUser { name: string age: number department: string}使用Partialtype optional = Partial<IUser>// optional的结果如下type原创 2021-04-17 22:20:53 · 1071 阅读 · 0 评论 -
10.声明文件
http://microsoft.github.io/TypeSearch/tsconfig.json{ "include":["**/*"]}原创 2020-05-03 22:33:01 · 130 阅读 · 0 评论 -
9.类型别名,断言
type PlusType = (x: number, y: number) => numberfunction sum(x: number, y: number): number { return x + y}const sum2: PlusType = sumtype NameResolver = () => stringtype NameOrResolver ...原创 2020-05-03 22:11:45 · 177 阅读 · 0 评论 -
8.泛型(generics)
//泛型function echo<T>(arg: T): T { return arg}const result = echo(true)function swap<T, U>(tuple: [T, U]): [U, T] { return [tuple[1], tuple[0]]}const result2 = swap(['string'...原创 2020-05-03 21:46:40 · 115 阅读 · 0 评论 -
7.枚举(Enum)
const enum Direction { Up = 'UP', Down = 'DOWN',}const value = 'UP'if (value === Direction.Up) { console.log('go up!');}//常量枚举 const原创 2020-05-03 15:24:11 · 108 阅读 · 0 评论 -
6.类和接口
// interface 接口interface Person { readonly id: number; //只读属性 不能再赋值 name: string; age?: number; // ?可选属性}let user: Person = { id: 1, name: 'leu', age: 20,}//------------...原创 2020-05-03 11:16:01 · 115 阅读 · 0 评论 -
5.class类
封装,继承,多态public 修饰的属性或方法是公有的,可以在任何地方被访问到,默认所有的属性和方法都是 public 的private 修饰的属性或方法是私有的,不能在声明它的类的外部访问protected 修饰的属性或方法是受保护的,它和 private 类似,区别是它在子类中也是允许被访问的3readonly 只读//封装class Animal { public n...原创 2020-05-03 11:04:29 · 217 阅读 · 0 评论 -
4.函数和类型推断
// 函数声明function add(x:number,y:number,z:number = 10){ if(typeof z === 'number'){ return x+y+z }else{ return x+y }}let result = add(2,3,5)// 函数声明function add(x:number...原创 2020-05-03 09:34:27 · 123 阅读 · 0 评论 -
3.Interface 接口
对对象的形状(shape)进行描述对类(class)进行抽象Duck Typing(鸭子类型)interface Person { readonly id: number; //只读属性 不能再赋值 name: string; age?:number; // ?可选属性}let user: Person ={ id:1, name:'leu...原创 2020-05-03 09:26:52 · 115 阅读 · 0 评论 -
2.Array和tuple
数组let arrOfNumber : number[] = [1,2,3,4]arrOfNumber.push(5)类数组//每一个函数都有一个arguments对象function(){ console.log(arguments) arguments.length arguments[0]}tuple 元组限定数据类型的数组let user:[string, ...原创 2020-05-03 08:48:08 · 526 阅读 · 0 评论 -
1.类型
let idDone: boolean = falselet age:number = 20let binaryNumber:number = 0b1111let firstName:string = 'vk'let massage:string =`wel ${firstName:string }`let u:undefined = undefinedlet n:null = nu...原创 2020-05-03 08:48:50 · 250 阅读 · 0 评论