Hay una buena propiedad onDoubleClick para los elementos React. Pero solo registra el doble clic cuando el usuario suelta el mouse después del segundo clic.
¿Hay otro accesorio que registre el doble clic inmediatamente después del segundo clic y no después de que el usuario suelte el mouse en el segundo clic?
El evento no existe, pero si lo necesitas, ¡puedes programarlo!
const CLICK_INTERVAL = 500 // double click interval in ms const App = () => { let lastClick = (new Date()).getTime() const handleMouseDown = () => { const msNow = (new Date()).getTime() console.info(msNow - lastClick) if ((msNow - lastClick) < CLICK_INTERVAL) { alert('Double!') } lastClick = msNow } return ( <div> <button onMouseDown={handleMouseDown}> Click me </button> </div> ) } ReactDOM.render( <App />, document.getElementById('container') ); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="container"></div>