React中可将div调整到x两侧的大小

Question

我正在尝试制作一个可调整大小的div元素。它应该能够调整大小到两侧。我想我已经很接近我想要的了，但有一个问题。。。每当我点击左拖动按钮并开始移动元素时，它会将元素移动到右侧。。。我不知道问题出在哪里。

这是代码：https://codesandbox.io/s/zen-silence-vf1sh?file=/src/App.js

提前感谢您的帮助。

Answer 1

您应该在第30行减去50，它将停止将整个元素向右移动。

if (newWidth > mminStep) {
ref.style.left = originalElementX + (e.pageX - originalMouseX - 50) + "px";
setWidth(newWidth);
}