import { useEffect, useState } from "react";

const useMousePosition = () => {
  const [positions, setPositions] = useState({ x: 0, y: 0 });
  useEffect(() => {
    const updateMouse = (e: MouseEvent) => {
      setPositions({ x: e.clientX, y: e.clientY });
    };
    document.addEventListener("mousemove", updateMouse);
    return () => document.removeEventListener("mousemove", updateMouse);
  }, []);
  return positions;
};

export default useMousePosition;

老师 这段代码我没啥问题 唯一不确定的就是 return positions; 是不是默认会 return [positions] 这样更符合hooks的pattern呢？谢谢