Me gustaría tener una aplicación React donde en una página hubiera un componente que describiera los artículos de wikipedia. Podría usar la API de mediawiki para obtener los datos html sin procesar de un artículo; sin embargo, todavía tengo que tener una idea sólida sobre cómo podría adjuntar un evento onClick a los enlaces de etiquetas en este html sin procesar.

La idea sería que cada vez que un usuario haga clic en un enlace dentro del artículo, la función getWiki (o algo similar a esto, esto es solo un borrador en este punto) se llamaría con el nuevo título de la página y el componente se volvería a mostrar.

Esta es la función getWiki por ahora que establece dos estados, el estado wiki luego se inserta dangerouslySetInnerHTML por SetInnerHTML en un div.

 const getWiki = async () => { const url = "https://en.wikipedia.org/w/api.php?" + new URLSearchParams({ origin: "*", action: "parse", page: "Pet door", format: "json", prop: "text", }); try { const req = await fetch(url); const data = await req.json(); setWiki(data.parse.text["*"]); setTitle(data.parse.title); } catch (e) { console.error(e); } };

Me gustaría usar la API en lugar de un iframe porque de esta manera no obtengo todas las barras de navegación de wikipedia, solo los artículos simples.

Cualquier idea es bienvenida.