如何添加as属性并获取React Konva元素ID

npm install react-konva konva

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

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      elementId: null
    };
  }

  render() {
    return (
      <Stage width={window.innerWidth} height={window.innerHeight}>
        <Layer>
          <Rect
            x={20}
            y={20}
            width={100}
            height={100}
            fill="red"
            draggable
            as="myElement" // 添加as属性并设置元素ID
            onDragEnd={(e) => {
              const elementId = e.target.attrs.as; // 获取元素ID
              this.setState({ elementId });
            }}
          />
        </Layer>
      </Stage>
    );
  }
}

render() {
  const { elementId } = this.state;
  return (
    <div>
      <p>当前元素ID: {elementId}</p>
      <Stage width={window.innerWidth} height={window.innerHeight}>
        {/* ... */}
      </Stage>
    </div>
  );
}