在此先感谢您，现在我正在使用React DND为容器中的svg形状启用拖放功能。我想使用鼠标来调整任何形状的大小（从4个侧面中的任何一个拖动）。如何使用React拖放库完成此功能。据我了解，使用React Drag和Drop只能移动内容。我还尝试在拖放中使用库 React Re Resizable 。但是由于组件使用SVG库处理，因此Resizable库无法正常工作。

有没有解决此问题的方法，或者有什么React library用于调整形状/ svg组件的大小。

下面是沙盒网址和代码

import React from "react";
import { render } from "react-dom";
import { Resizable } from "re-resizable";

const style = {
  background: "#f0f0f0"
};

const App = () => (
  <svg>
    <Resizable
      style={style}
      defaultSize={{
        width: 200,height: 200
      }}
    >
      <rect height={200} width={200} />
    </Resizable>
  </svg>
);

render(<App />,document.getElementById("root"));


https://codesandbox.io/s/reverent-liskov-hcq75?fontsize=14&hidenavigation=1&theme=dark