Estoy tratando de integrar este gráfico de dientes svg en mi proyecto React: https://codepen.io/johnstuif/pen/JdOXWa?editors=1111 y luego agregar el evento onClick en cada diente para activar una alerta. utilicé document.querySelector("g").addEventListener("click", () => alert("clicked")) pero parece que hice algo mal. ¿Alguien tiene alguna idea de cómo hacer esto?
Mi sugerencia es envolver cada diente en div donde puede agregar el evento onClick directamente en reaccionar. O incluso mejor, ¡hazlo como componente!
Está utilizando una herramienta poderosa que le permite crear cosas increíbles, sin necesidad de volver a la manipulación de dom de JavaScript cuando haya reaccionado :)