Как встроить ссылку с предварительным просмотром в приложение React

Этот гид объясняет, как создать компонент React, который извлекает и отображает метаданные Open Graph для заданного URL, таких как заголовок, изображение и описание. Компонент использует Axios для отправки HTTP-запросов и Cheerio для парсинга и скрейпинга HTML. Для начала убедитесь, что у вас установлены React, Axios и Cheerio. Компонент EmbeddedLink принимает URL в качестве свойства и извлекает метаданные Open Graph с помощью Axios и Cheerio. Он обрабатывает состояния загрузки и ошибок, отображая соответствующие сообщения. Как только метаданные будут извлечены, он отображает заголовок, изображение и описание ссылки в стилизованном предпросмотре.