TS-实用类 Utility Types

在一个类型里面部分+必选

• Required、Pick<T, K> - (T☞type， K☞keys)

  interface totalProps {
    a?: number;
    b?: string;
    c?: string
    d?: number
  }
  type aPropsPick = Pick<totalProps, 'a' | 'c' | 'd' >
  const obj2: Required<aPropsPick> = { a: 5 ,c: 'ddd',d: 123 };

适用于构造对象类型

• Record<Keys, Type> - (键，值)

  type keyType = 'input' | 'arrow' | 'pick' | 'icon' | 'radio'
  
  interface totalProps {
    classname: string;
    placeholder: string;
    value: number;
  }
  
  const obj2: Record<keyType, totalProps> = {
    input: {
      classname: 'string',
      placeholder: 'string',
      value: 123
    },
    arrow: {
      classname: 'string',
      placeholder: 'string',
      value: 123
    },
    pick: {
      classname: 'string',
      placeholder: 'string',
      value: 123
    },
    icon: {
      classname: 'string',
      placeholder: 'string',
      value: 123
    },
    radio: {
      classname: 'string',
      placeholder: 'string',
      value: 123
    }
  };

省略 排除

• Omit<对象，要省略的字段>
• Exclude<字符串字面量，要排除的字段>
• Extract<Type,Union>: 返回的是一个并集
• type TodoPreview = Exclude<’a’ | “b” |”c” | “d”, “b”>;

更多映射类型 — TS-高级类型