Есть ли способ поделиться страницей реакции на Facebook и передать изображение?

Я пытаюсь сделать мою страницу реакции доступной для Facebook и Twitter. Я перепробовал все, что мог, весь день гуглил, но не нашел ответа.

 <FacebookShareButton url = {window.location.href} title = {exactNews.text ?exactNews.title : ""}> 
                         <FaFacebookF/>
                       </FacebookShareButton>

Какие-нибудь советы?

reactjs facebook twitter react-share

11.11.2022 08:30

Хук useOnClickOutside в ReactJS

Как разработчик ReactJS, вы, возможно, сталкивались с ситуацией, когда вам нужно закрыть модальное или выпадающее меню, когда кто-то щелкает за его...

Хуки (часть-2) - useEffect

Хук useEffect - один из самых мощных и универсальных инструментов в арсенале разработчика React. Он позволяет вам управлять побочными эффектами в...

[LXI-SpartaCodingClub Full-Stack Bootcamp in Indonesia] 2023/1/21 TIL/Week 15]

Я научился создавать карусель в ReactJS с помощью библиотеки Splide.

Краткое введение в Styled-компоненты

В настоящее время популярность Styled-компонентов становится все больше и больше. Большинство проектов, построенных на React.js, используют эту...

ДЕНЬ 8 | Страница обзора в React

На этом сегодня все, завтра снова увидимся с новым проектом!

Как настроить среду разработки React.

Весь процесс настройки среды разработки react.

421

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Больше нет способа передать изображение в параметры общего доступа, единственный способ добавить изображение к общему URL-адресу — использовать тег og:image в источнике. Имейте в виду, что Facebook игнорирует JavaScript, поэтому тег og:image должен быть в исходном источнике, а не добавлен динамически через JavaScript. Затем Facebook автоматически использует изображение, указанное в теге og:image.

Больше информации: https://ogp.me/

Да, я пытался сделать это с помощью динамического метода, но я думаю, что нет никакого способа. как я могу заставить его работать? пока я пытаюсь заставить его работать с помощью react-helmet-async, но я не думаю, что это сработает. Я не могу просто добавить его статически, потому что я загружаю изображения из API. какие-нибудь советы о том, как заставить его работать?

— 11.11.2022 10:50

Вам действительно нужно создать серверную часть тегов og, нет никакого способа обойти это...

— 11.11.2022 10:54

Поможет ли предварительный рендеринг моему делу?

— 11.11.2022 11:10

Я не знаю ваш код, но если исходный код включает теги og без какого-либо javascript, все в порядке

— 11.11.2022 12:17

11.11.2022 10:16