• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• use-antd-resizable-header-master
  • .github
    • workflows
      • publish.yml
  • .eslintignore
  • src
    • utils
      • useThrottleFn.ts
      • useMemoizedFn.ts
      • useDebounceFn.ts
      • index.ts
      • useGetDataIndexColumns.ts
      • useUnmountedRef.ts
      • useUpdateEffect.ts
      • useSafeState.ts
      • options.ts
      • useCreation.ts
      • useThrottleEffect.ts
      • useLocalColumns.ts
    • config.ts
    • index.ts
    • ResizableHeader.tsx
    • useAntdResizableHeader.tsx
    • index.css
  • .husky
    • commit-msg
    • pre-commit
  • vite.config.ts
  • .npmignore
  • postcss.config.js
  • LICENSE
  • commitlint.config.js
  • .npmrc
  • .editorconfig
  • CHANGELOG.md
  • example
    • src
      • App.tsx
      • Test.tsx
      • App.css
      • main.tsx
      • index.css
      • vite-env.d.ts
      • index.less
    • vite.config.ts
    • package.json
    • index.html
    • tsconfig.json
    • .gitignore
  • README.md
  • package.json
  • .eslintrc.js
  • image
  • tsconfig.json
  • .gitignore
  • .prettierignore
  • .prettierrc.js

import React from 'react';
import { useEffect, EffectCallback, DependencyList, useState } from 'react';
import { Options } from './options';
import useThrottleFn from './useThrottleFn';
import useUpdateEffect from './useUpdateEffect';

function useThrottleEffect(effect: EffectCallback, deps?: DependencyList, options?: Options) {
  const [flag, setFlag] = useState({});

  const { run, cancel } = useThrottleFn(() => {
    setFlag({});
  }, options);

  useEffect(() => {
    return run();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, deps);

  // eslint-disable-next-line react-hooks/exhaustive-deps
  React.useEffect(cancel, []);

  useUpdateEffect(effect, [flag]);
}

export default useThrottleEffect;