react-konva中stage组件的鼠标输入和鼠标离开事件侦听器不起作用

import React from 'react';
import { Stage } from 'react-konva';

const handleMouseDown = (e) => {
  console.log('鼠标按下');
  // 处理鼠标按下事件
};

const handleMouseUp = (e) => {
  console.log('鼠标松开');
  // 处理鼠标松开事件
};

const handleMouseMove = (e) => {
  console.log('鼠标移动');
  // 处理鼠标移动事件
};

const MyComponent = () => {
  return (
    <Stage
      width={500}
      height={500}
      onMouseDown={handleMouseDown}
      onMouseUp={handleMouseUp}
      onMouseMove={handleMouseMove}
    >
      {/* 其他图形组件 */}
    </Stage>
  );
};

export default MyComponent;

import React from 'react';
import { Stage } from 'react-konva';

const handleMouseLeave = (e) => {
  console.log('鼠标离开');
  // 处理鼠标离开事件
};

const MyComponent = () => {
  return (
    <Stage
      width={500}
      height={500}
      onMouseLeave={handleMouseLeave}
    >
      {/* 其他图形组件 */}
    </Stage>
  );
};

export default MyComponent;