szsk前端react函数库

目前主要用于集中记录项目中使用到的hook

使用范围

react > 16.9.0

使用方式

npm i @szsk/react-utils

import { hookUtils } from '@szsk/react-utils';

ts使用

  // tsconfig.json
  "compilerOptions": {
    "typeRoots": [
      // 加入这个进行自动提示
      "node_modules/@szsk",
    ]
  },

hook

/**
 * 节流，先执行一次
 * @param {Function} fn 
 * @param {number} delay 毫秒
 * @returns {Function} 
 */
export const useThrottle = (fn: Function, delay: number)

/**
 * 节流，阶段时间结束执行一次
 * 举例：
 *    用于scroll监听
 * @param {Function} fn 
 * @param {number} delay 毫秒
 * @returns {Function} 
 */
export const useThrottleAtLast = (fn: Function, delay: number)

/**
 * 防抖，等待时间结束再执行
 * @param {Function} fn 
 * @param {number} delay 毫秒
 * @returns {Function} 
 */
export const useDebounce = (fn: Function, delay: number)

/**
 * 防抖，先执行一次
 * @param {Function} fn 
 * @param {number} delay 毫秒
 * @returns {Function} 
 */
export const useDebounceAtOnce = (fn: Function, delay: number)