@feca-hooks/use-event

React Hook to add event on element or component faster and easier.

How to Install

yarn

yarn add @feca-hooks/use-event

npm

npm i @feca-hooks/use-event

Usage

Code

import React from "react";
import useEvent from "@feca-hooks/use-event";

function App() {
  const onMouseEnter = (event) => {
    console.log(event.target);
  }

  const eventRef = useEvent("mouseEnter", onMouseEnter);

  return <div ref={eventRef}>Hover Me!</div>;
}

Arguments

Argument	Type	Description	Required
eventType	string	The any vaild event type of event listener.	yes
onEvent	function	The callback function executes when the event occured.	yes

Return

Return value	Type	Description
Ref of element	object(ref)	You can apply custom event setting property ref using this.