Commits on Aug 2, 2022

1. useEventListener …

   import { useRef, useEffect } from 'react'
   
   interface IEventProps {
     eventType: keyof GlobalEventHandlersEventMap
     listener: Function,
     target: Window | Document,
     options?: boolean | AddEventListenerOptions | undefined
   }
   
   const useEventListener = ({
     eventType = 'scroll',
     listener = () => null,
     target = window,
     options = undefined
   }: IEventProps) => {
     const savedListener = useRef<Function>();
   
     useEffect(() => {
       savedListener.current = listener;
     }, [listener]);
   
     useEffect(() => {
       if (!target?.addEventListener) return;
   
       const eventListener = (event: any) => savedListener?.current?.(event);
   
       target?.addEventListener?.(eventType, eventListener, options);
   
       return () => {
         target?.removeEventListener(eventType, eventListener, options);
       };
     }, [eventType, target, options]);
   };
   
   export default useEventListener;

   

   FrankChinedu authored Aug 2, 2022
   Configuration menu

   • View commit details
   • Copy full SHA for 0e8b4e9
   • Browse repository at this point

   Copy the full SHA

   0e8b4e9 View commit details

   Browse the repository at this point in the history