在ReactJS中，如何拦截(仅)双击？

import React, { useState } from 'react';

function MyComponent() {
  const [isDoubleClick, setIsDoubleClick] = useState(false);

  // 双击事件处理函数
  const handleDoubleClick = () => {
    setIsDoubleClick(true);
    // 在这里可以执行双击事件的逻辑操作
  };

  // 单击事件处理函数
  const handleClick = () => {
    if (isDoubleClick) {
      setIsDoubleClick(false);
      // 在这里可以执行单击事件的逻辑操作
    }
  };

  return (
    <div onClick={handleClick} onDoubleClick={handleDoubleClick}>
      双击我
    </div>
  );
}

export default MyComponent;