Как правильно использовать React Helmet - PullRequest
Новая
       41

Как правильно использовать React Helmet

0 голосов
/ 25 февраля 2020

Я использую React Helmet и не понимаю, почему он не работает.

Когда я строю свой проект и смотрю код сервера, я вижу правильное описание и заголовок.

image

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

Может быть, я что-то упустил, и я должен что-то сделать на стороне сервера? 

import React, { useEffect } from "react";
import { Helmet } from 'react-helmet';
const Page = () => {
    const [pageData, setPageData] = useState({});
    useEffect(() => {
      async function getNews() {
        const result = await getPage();
        setPageData(result);
      }
      getNews();
    }, []);
  return (
    <div >
      <Helmet>
        <meta charSet="utf-8" />
        <title>{pageData.og && pageData.og.title}</title>
        <link rel="canonical" href="somelink" />
        <meta property="og:image" content={pageData.og && pageData.og.image} />
        <meta
          name="description"
          content={pageData.og && pageData.og.description}
        />
      </Helmet>
      <Anycomponent />
    </div>
  );
};

export default Page;

Как я могу решить эту проблему?

...