useCustomEventListener

A custom React Hook that listens to a custom event and auto-cleans itself on unmount.

API

function useCustomEventListener<GenericType>(eventName: string, eventHandler: EventHandler<GenericType>): void;

Usage

import { useCustomEventListener } from "@jtmdias/js-utilities";

function ComponentB() {
  const [buttonText, setButtonText] = useState("");

  useCustomEventListener("my-custom-event", (data) => {
    setButtonText(data.name);
  });

  const TEXT = `The button text is: ${buttonText}`

  return (
   <p>{TEXT}</p>
  );
}