Wie verlinke ich einen Link mit Vorschau in einer React-Anwendung

Dieser Leitfaden erklärt, wie man ein React-Komponente erstellt, die Open-Graph-Metadaten für eine bestimmte URL abruft und anzeigt, wie z.B. Titel, Bild und Beschreibung. Die Komponente verwendet Axios für HTTP-Anfragen und Cheerio für das Parsen und Scrapen von HTML. Um zu beginnen, stellen Sie sicher, dass Sie React, Axios und Cheerio installiert haben. Die EmbeddedLink-Komponente nimmt eine URL als Prop entgegen und ruft die Open-Graph-Metadaten mithilfe von Axios und Cheerio ab. Sie behandelt Lade- und Fehlerzustände, indem sie entsprechende Nachrichten anzeigt. Sobald die Metadaten abgerufen wurden, zeigt sie den Titel, das Bild und die Beschreibung des Links in einer gestalteten Vorschau an.