@alicloud/react-hook-mouse-enter-leave v1.0.3

@alicloud/react-hook-mouse-enter-leave

INSTALL

tnpm i @alicloud/react-hook-mouse-enter-leave -S

Usage

import React, {
  useState,
  useCallback
} from 'react';

import useMouseEnterLeave from '@alicloud/react-hook-mouse-enter-leave';

export default function SomeRc(): JSX.Element {
  const [stateHovered, setStateHovered] = useState(false);
  const [handleMouseEnter, handleMouseLeave] = useMouseEnterLeave(
    useCallback(() => setStateHovered(true), [setStateHovered]),
    useCallback(() => setStateHovered(false), [setStateHovered])
  );
  
  return <SomeComponent {...{
    hovered: stateHovered
  }} />;
};