Encabezado ## Quiero hacer clic dinámicamente en el evento en alguna palabra en particular en la matriz proveniente de api, para la cual he escrito un código que no funciona

Blockquote La matriz que proviene de la API está en formato json, en el sentido de que tenemos que colocar el enlace o el evento onclick en la página dinámicamente como wikipedia, lo hemos intentado, si tiene alguna otra forma de hacerlo, por favor comparta, te lo agradecere

 import React, { useContext, useState, useEffect } from 'react'; import { ArticalContext } from '../context/context'; import reactStringReplace from 'react-string-replace'; export default function Fetchartical (props) { const {deletArtical} = useContext(ArticalContext); const {artical, updateartical} = props const [split, setSplit] = useState(artical.description) useEffect(() => {return async () => { const replacedata = await reactStringReplace(split, 'प्रजापतिमजिग्रहत्', (match, i) => ( <span key={i} onClick={handleclick} >{match}</span> )) setSplit(replacedata); }}, []) return ( <> <div className="card m-2" > <div className="card-body"> <h5 className="card-title">{artical.title}</h5> <div dangerouslySetInnerHTML={{__html: '<p className="card-text">' + split + '</p>'}}></div> </div> <div className='flex m-2'> <button className='btn btn-primary mx-1' onClick={()=>{deletArtical(artical._id)}}> Delete</button> <button className='btn btn-primary mx-1' onClick={()=>{updateartical(artical)}} >Edit</button> </div> </div> </> )

}