Tengo una página html con:
Me gustaría escuchar un "evento de clic" de un elemento html de un componente de reacción.
Aquí, necesito ingresar al "componente de reacción" un evento que se activará cuando hagamos clic en el elemento "hacer clic".
<div id="click">button in static html</div> <div id="react-component"></div> -> replace by a react component¿Hay alguna manera de lograr eso? Gracias
El controlador de eventos onClick en cualquier etiqueta html funcionará en reaccionar
Todavía puede escribir código JS normal en reaccionar. Simplemente agregue un useEffect(..., []) y vincule sus botones onClick usando el código JS estándar allí.
Aquí está la documentación para el evento JS onclick: https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick
Algunos métodos para esto.
Uno de los cuales es usar querySelector o getElementById como lo haría en Vanilla JS.
Así que puedes hacer esto:
// HTML: <div id="click">button in static html</div> <div id="react-component"></div> -> replace by a react component // JSX: const myElement = document.getElementById("click"); myElement.onclick = () => { ... };