@rc-component/trigger/es/hooks/useDelay.js

base abstract trigger component for react

import * as React from 'react';
export default function useDelay() {
  const delayRef = React.useRef(null);
  const clearDelay = () => {
    if (delayRef.current) {
      clearTimeout(delayRef.current);
      delayRef.current = null;
    }
  };
  const delayInvoke = (callback, delay) => {
    clearDelay();
    if (delay === 0) {
      callback();
    } else {
      delayRef.current = setTimeout(() => {
        callback();
      }, delay * 1000);
    }
  };

  // Clean up on unmount
  React.useEffect(() => {
    return () => {
      clearDelay();
    };
  }, []);
  return delayInvoke;
}