如何在react中通过拖动整个下边框线而不是右下角来调整div高度？

.div-container {
  resize: vertical;
  overflow: auto;
}

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      height: 200 // 初始高度
    };
  }

  handleMouseMove = (e) => {
    if (e.buttons !== 1) return; // 只有鼠标左键按下时才执行
    this.setState({ height: e.clientY });
  }

  render() {
    return (
      <div className="parent-container" onMouseMove={this.handleMouseMove}>
        <div className="div-container" style={{ height: this.state.height }}>
          {/* div内容 */}
        </div>
      </div>
    );
  }
}