![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TypeScript
吃瓜群众欢乐多
菜鸟烦恼多
展开
-
TypeScript更多用法-常见工具类型(Utility Types)
1、Partial构造一个所有属性都Type设置为optional的类型。该实用程序将返回一个表示给定类型的所有子集的类型。2、Required构造一个类型,该类型由Typeset的所有属性设置为required3、Readonly构造一个所有属性都Type设置为的类型readonly,这意味着无法重新分配所构造类型的属性。4、Record<Keys,Type>构造一个对象类型,其属性键为Keys,属性值为Type。该实用程序可用于将一个类型的属性映射到另一个类型。5、Pick&原创 2021-04-16 10:54:47 · 742 阅读 · 0 评论 -
React.memo 减少React重新渲染
当父组件发生改变时,传递给子组件的props不变,子组件在相同 props 的情况下渲染相同的结果。那么子组件没必要重新渲染。通过React.memo可以提高性能import React, { useState } from 'react';function ChildComponent( props: any ) { console.log( 'child render' ); const { data: { num } } = props; return <div>原创 2021-04-07 16:07:54 · 492 阅读 · 0 评论 -
TypeScript常用数据类型(包含字符串,数组对象,函数,泛型等类型)
基本的TS类型用法和设置原创 2021-01-04 10:24:05 · 2159 阅读 · 0 评论 -
TypeScript处理对象中的额外属性(未定义的属性)
TypeScript中额外的属性检查报错信息如何解决?举例说明// 已知interface和createSquareinterface ObjType { name?: string; age?: number;}function createSquare(config: ObjType): {name?: string; age?: number} { return {name: config.name, age: config.age}}TypeScript会认为这段代码.原创 2020-12-31 17:04:04 · 11130 阅读 · 0 评论