Estoy estudiando reaccionar, pero hay algo que no puedo entender. ¿De dónde obtiene este código el valor de la posición del mouse?
function useMousePosition() { const [x, setX] = useState(0); const [y, setY] = useState(0); const setPosition = ({ x, y }) => { setX(x); setY(y); }; useLayoutEffect(() => { window.addEventListener("mousemove", setPosition); return () => window.removeEventListener("mousemove", setPosition); }, []); return [x, y]; }Es aquí:
window.addEventListener("mousemove", setPosition);y aquí:
const setPosition = ({ x, y }) => { setX(x); setY(y); }; La primera parte escucha el movimiento del mouse y, cuando ocurre, pasa los datos a las variables x e y de la función setPosition , la segunda parte.