Tengo una función que divide y busca una palabra que coincida con la expresión regular ... y si la palabra la encuentra, agréguela en una etiqueta de intervalo y diseñe, luego analícela usando el analizador de reacción ...

 const checkContent = (content) => { content = content.split(' ') let tag = '<p>' content.map(word => { if(word.match(regex)) tag += ` <span className="taggedUser">${word}</span> ` else tag += ' ' + word }) tag += '</p>' return ( parse(`<div>${tag}</div>`)) }

Sin embargo, tengo dificultades para intentar agregarle un listado de eventos como OnClick(). La única solución que se me ocurrió es agregar los listners por js a través de addEventListner(). Mi pregunta es si hay alguna otra forma que no sea la mencionada anteriormente. ¿Agregar el listner directamente a la etiqueta span como este <span OnClick={handleClick} className="tagged">${word}</span> y luego devolverlo? ¿¿Algunas ideas??