@jsnooks/use-hover

1.0.1 • Public • Published

useHover

[실습예제]

import React, { useRef, useEffect } from 'react';

export const useHover = (onHover) => {
  if (typeof onHover !== 'function') {
    return;
  }
  const element = useRef();
  useEffect(() => {
    if (element.current) {
      element.current.addEventListener('mouseenter', onHover);
    }
    return () => {
      if (element.current) {
        element.current.removeEventListener('mouseenter', onHover);
      }
    };
  }, []);
  return element;
};

const App = () => {
  const sayHello = () => console.log('say hello');
  const title = useHover(sayHello);

  return (
    <div className='App'>
      <h1 ref={title}>Hi</h1>
    </div>
  );
};

export default App;

Package Sidebar

Install

npm i @jsnooks/use-hover

Weekly Downloads

0

Version

1.0.1

License

MIT

Unpacked Size

1.81 kB

Total Files

4

Last publish

Collaborators

  • largopie