ReactJS单击并按住按钮

import React from 'react';

class ButtonComponent extends React.Component {
  handleMouseDown = () => {
    // 处理按下按钮的逻辑
  }

  handleMouseUp = () => {
    // 处理松开按钮的逻辑
  }

  render() {
    return (
      <button
        onMouseDown={this.handleMouseDown}
        onMouseUp={this.handleMouseUp}
      >
        按住按钮
      </button>
    );
  }
}

export default ButtonComponent;

handleMouseDown = () => {
  // 按下按钮时的逻辑
  // 可以改变按钮的样式或触发其他事件
}

handleMouseUp = () => {
  // 松开按钮时的逻辑
  // 可以恢复按钮的样式或触发其他事件
}