Reactアプリケーションにプレビュー付きのリンクを埋め込む方法

このガイドでは、指定されたURL（例：タイトル、画像、説明）のOpen Graphメタデータを取得して表示するReactコンポーネントを作成する方法を説明します。このコンポーネントは、HTTPリクエストの送信にAxiosを、HTMLの解析とスクレイピングにCheerioを使用します。開始する前に、React、Axios、Cheerioがインストールされていることを確認してください。 EmbeddedLinkコンポーネントは、URLをプロップとして受け取り、AxiosとCheerioを使用してOpen Graphメタデータを取得します。ローディング状態とエラー状態を適切なメッセージで処理します。メタデータが取得されると、リンクのタイトル、画像、説明をスタイル化されたプレビューで表示します。