use-double-click:

使用-双击 use-double-click 是一个简单的 React 钩子，用于区分同一组件上的单击和双击。 文档 onDoubleClick()什么问题？ 当您双击一个元素时， onClick()会与您的单个onDoubleClick()回调一起触发两次。 当单击和双击具有不同的功能时，这种效果是不可取的！ useDoubleClick()在单击后等待二次单击的延迟窗口内，并且只有在此期间之后onSingleClick或onDoubleClick()回调才会触发一次。 安装 yarn add use-double-click 用法 import { useRef } from 'react' ; import useDoubleClick from 'use-double-click' ; const Button = ( ) => { const buttonRef =