使用React-Konva删除节点上的函数错误

import React from 'react';
import { Stage, Layer, Rect } from 'react-konva';

class App extends React.Component {
  state = {
    rectangles: [
      { id: 1, x: 50, y: 50, width: 100, height: 100 },
      { id: 2, x: 200, y: 200, width: 100, height: 100 },
      { id: 3, x: 350, y: 350, width: 100, height: 100 }
    ]
  };

  handleRectClick = (id) => {
    // 处理函数错误
    console.log(`Function error on rectangle ${id}`);
  };

  handleDeleteRect = (id) => {
    // 删除节点
    this.setState((prevState) => ({
      rectangles: prevState.rectangles.filter((rect) => rect.id !== id)
    }));
  };

  render() {
    return (
      <Stage width={window.innerWidth} height={window.innerHeight}>
        <Layer>
          {this.state.rectangles.map((rect) => (
            <Rect
              key={rect.id}
              x={rect.x}
              y={rect.y}
              width={rect.width}
              height={rect.height}
              fill="red"
              onClick={() => this.handleRectClick(rect.id)}
              onDblClick={() => this.handleDeleteRect(rect.id)}
            />
          ))}
        </Layer>
      </Stage>
    );
  }
}

export default App;