Adjunté onClick en un componente (es un ícono) dentro de div.
Lo que quiero es que cuando se haga clic en ese componente, se active el detector de eventos "rueda".
const [isArrowClicked,setIsArrowClicked] = useState(false); return( ...stuff <div className="downArrow" > <CgArrowLongDown onClick={()=>setIsArrowClicked(true)} /> </div> )De esta manera, puedo saber si se hace clic en ese icono o no.
Ahora quiero llamar de alguna manera al oyente de eventos 'rueda' algo como esto:
if(isArrowClicked){ window.addEventListener("wheel", (event) => { // stuff } }Pero debería funcionar para ambos, lo que significa que cuando se realiza el desplazamiento con el mouse y cuando se hace clic en ese componente, se debe activar el evento 'rueda'.
por favor ayuda.
No estoy seguro si entiendo lo que estás tratando de lograr. Si desea llamar a la misma función para ambos eventos, puede usar la misma función para ambos eventos, como:
const myFunction = () => { // do stuff } window.addEventListener("wheel", myFunction)y en la plantilla devuelta:
<CgArrowLongDown onClick={myFunction} />Si desea que el oyente de la rueda solo haga las cosas una vez que se presiona el botón, debe cambiar el if y el detector de eventos en su código, como:
window.addEventListener("wheel", (event) => { if(isArrowClicked){ // stuff } }