@rc-hooks/util
TypeScript icon, indicating that this package has built-in type declarations

0.1.81 • Public • Published

RcUtil - 工具函数、通用类型

这里包含了很多通用的小函数和通用的类型定义

guid

生成一个全局唯一的字符串,如果需要id在每一次请求的时候不变,需要要useMemo。

  • 定义 function guid(): string
  • 用法
    import React, {useMemo} from 'react'
    import {guid} from '@rc-hooks/util'
    
    function DemoComponent() {
    
        const id = useMemo(() => guid(), []);
      
        return (
            <div id={id}/> 
        )
    }    

type

获取一个变量的系统预设类型,不推荐使用此函数,因为他会影响typescript的类型推导。 对于基础类型建议使用typeof,对于系统类型,比如数组,用Array.isArray, 这样可以获取更好的typescript支持。

  • 定义 function type(obj: any): string
  • 用法
    import {type} from '@rc-hooks/util'
    
    type(1); // number
    type(''); // string
    type(Date.now()) // date

clone

克隆一个可以转换为json的对象,使用了内置的api。 使用JSON.stringify来实现的复制。

  • 定义 function clone<T>(obj: T): T

  • 泛型参数

    • T 表示分组要克隆值的类型,通常不需要传递,利用TypeScript推导
  • 用法

    import {clone} from '@rc-hooks/util'
    
    clone(1); // 1
    clone('abc'); // abc

deepClone

克隆任何对象,支持函数等非JSON类型

  • 定义 function deepClone<T>(obj: T): T
  • 泛型参数
    • T 表示分组要克隆值的类型,通常不需要传递,利用TypeScript推导
  • 用法
    import {deepClone} from '@rc-hooks/util'
    
    deepClone(1); // 1
    deepClone('abc'); // abc
    const fn = deepClone(() => 1); 
    fn() // 1

UnionOmit

一个安全的交叉类型,UnionOmit会交叉两个类型,当名称有冲突的时,选取第一个,而不是报错。

  • 定义 UnionOmit<T, K> = T & Omit<K, keyof T>
  • 用法
        import {UnionOmit} from '@rc-hooks/util'
      
        interface Demo {
            foo: string;
            bar: string;
        }
      
        interface Other {
            foo: number;
            baz: string;
        }
        
        type DemoUnionOther = UnionOmit<Demo, Other> // {foo: sting, bar: string; baz: string}
        type OtherUnionDemo = UnionOmit<Other, Demo> // {foo: number, bar: string; baz: string}

Readme

Keywords

none

Package Sidebar

Install

npm i @rc-hooks/util

Weekly Downloads

0

Version

0.1.81

License

none

Unpacked Size

63.4 kB

Total Files

75

Last publish

Collaborators

  • niuxingxing
  • afcfzf
  • imhele
  • wuqi567
  • liuxuanzy