react中的长按按钮

import React, { useState } from 'react';

const LongPressButton = () => {
  const [isPressing, setIsPressing] = useState(false);

  let timer = null;

  const handleMouseDown = () => {
    setIsPressing(true);
    timer = setTimeout(() => {
      // 长按逻辑
      console.log('长按按钮被触发');
    }, 1000); // 长按时间阈值为1秒
  };

  const handleMouseUp = () => {
    setIsPressing(false);
    clearTimeout(timer);
  };

  return (
    <button
      onMouseDown={handleMouseDown}
      onMouseUp={handleMouseUp}
      onTouchStart={handleMouseDown}
      onTouchEnd={handleMouseUp}
    >
      长按按钮
    </button>
  );
};

export default LongPressButton;