Reactjs 避免鼠标移动时重新启动

是否有一种简单的方法可以避免鼠标移动时上下文的重新排序，如提供的示例所示。我需要一个静态页面，它通过样式和鼠标位置进行转换，但我不需要每次都重新加载它，只需一次

---

提前谢谢

您可以通过限制鼠标移动处理程序来优化重新渲染

const handleMouseMove = useCallback(
    _.throttle((e) => {
      setMouse((state) => ({
        ...state,
        x: e.clientX,
        y: e.clientY
      }));
    }, 300),
    []
  );

---

您正在渲染鼠标坐标，因此当鼠标坐标发生变化时，自然需要重新渲染？！