在ReactJS中的mousedown和mouseup上调整元素大小

Question

如何在ReactJS中使用鼠标调整元素的大小？

import React, { Component } from "react";

class MyComponent extends Component {
  render() {
    return (
      <a
        onMouseOver={e => this.props.handleMouseOver(e, height)}
        onMouseOut={e => this.props.handleMouseOut(e)}
        onMouseDown={e => this.props.handleMouseDown(e)}
        style={this.props.eventStyle}
        className={this.props.classes}
      >
        <div onClick={this.props.onClick} className="fc-content">
          {this.props.children}
        </div>
        <div className="fc-resizer fc-end-resizer" />
      </a>
    );
  }
}

export default CalendarEvent;

我想用鼠标在<a>元素上方调整大小。任何帮助或指导将不胜感激。