Me hice cargo de un proyecto y, al observar mi tarea actual, puedo ver que los elementos html se generan desde el backend y se procesan para reaccionar usando dangerouslySetInnerHTML ,

Básicamente, el backend genera una tabla de entradas. mi tarea es agregarle un botón, así que lo agregué en el backend.

Mi pregunta es, ¿cómo agrego un detector de eventos a los botones para cada entrada? Lo que he intentado hasta ahora es dar a todos los botones la misma identificación y agregar un atributo de value con la identificación de la entrada como su valor, y crear un detector de eventos dentro de useEffect, así:

 const handleClick = useCallback(event => { console.log(event); }) useEffect(() => { let doc = document.getElementById('buttonId'); doc.addEventListener('click', handleClick); return () => { doc.removeEventListener('click', handleClick); } }, [handleClick]);

pero la solución anterior no parece hacer nada, no hay errores ni nada.