Ce guide explique comment créer un composant React qui récupère et affiche les métadonnées Open Graph pour une URL donnée, telles que le titre, l'image et la description. Le composant utilise Axios pour effectuer des requêtes HTTP et Cheerio pour analyser et extraire le HTML. Pour commencer, assurez-vous d'avoir React, Axios et Cheerio installés. Le composant EmbeddedLink prend une URL en tant que propriété et récupère les métadonnées Open Graph en utilisant Axios et Cheerio. Il gère les états de chargement et d'erreur en affichant des messages appropriés. Une fois les métadonnées récupérées, il affiche le titre, l'image et la description du lien dans une prévisualisation stylisée.
dev.to
How to embed link with preview in React Application
