¿Hay alguna forma de agregar todos los eventos del elemento principal a todos los elementos secundarios usando ReactJS sin codificar todos los eventos?
<div className='myClass' onClick={handleSelect} onDoubleClick={handleOpen}> <span className='child' /> </div>Los controladores de clic se propagan, por lo que no es necesario. Adjunte un solo controlador al padre.
const App = () => { const handleSelect = () => console.log('click'); const handleOpen = () => console.log('double click'); return ( <div className='myClass' onClick={handleSelect} onDoubleClick={handleOpen}> <span className='child'>child</span> </div> ); }; ReactDOM.render(<App />, document.querySelector('.react')); <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <div class='react'></div> Si necesita identificar en qué elemento secundario se hizo clic o excluir ciertos elementos secundarios para que no se ejecute el controlador, use el evento pasado al controlador y vea si su objetivo .matches lo que está buscando.