Javascript 如何使用React Rnd强制方形刻度

我有和案例来创建QRCode，我使用 在背景画布内拖放QRCode并调整其大小。 我想强制用户用正方形来缩放这个QRCode。 我怎么能用它来做呢

谢谢

---

我的建议是，观看视频，了解JavaScript插件的工作原理，然后开始在您的网站中实现它

不需要居高临下。这只是在矩形中调整元素大小，还没有在正方形中强制调整大小。感谢Pratt的编辑，绝对不想以任何可能的方式表现出攻击性。kid Nguyen我能理解为什么它调整矩形而不是正方形大小的唯一其他原因可能是因为您没有在JavaScript中声明正方形id的变量。

<Rnd
  size={{ width: this.state.width,  height: this.state.height }}
  position={{ x: this.state.x, y: this.state.y }}
  onDragStop={(e, d) => { this.setState({ x: d.x, y: d.y }) }}
  onResize={(e, direction, ref, delta, position) => {
    this.setState({
      width: ref.offsetWidth,
      height: ref.offsetHeight,
      ...position,
    });
  }}
>
  001
</Rnd>

    lockAspectRatioExtraHeight?: number;
The lockAspectRatioExtraHeight property enables a resizable component to 
maintain an aspect ratio plus extra height. 
For instance, a video could be displayed 16:9 with a 50px header bar. If 
omitted, set 0