Javascript 如何在react js项目中提供动态元标记

目前，我在js文件中使用meta标记，并使用react-helmet。它在检查元素时为我提供meta标记节点，但当我查看页面源代码或尝试在任何社交媒体（如Facebook或Twitter）中共享我的链接时，我只获得index.html文件中的值。我希望在每个页面中有一组单独的元标记。我该怎么做

---

在做了一些研究之后，我发现了这个。但我不知道如何使用SSR。这是我需要的吗？有人能帮我理解吗？

如果您在服务器端使用react，那么您可以使用

react头盔

在服务器本身中呈现元标记。查看“如何操作”部分的说明。

您可以使用npm i react元标记

参考：

从“React”导入React；
从“反应元标记”导入元标记；
类Component1扩展了React.Component{
render（）{
返回(
第1页
一些内容
)
}
}

---

您也可以参考官方文档：

但我没有在服务器端使用react。无论我在index.html中给出什么，都会在页面源代码中提供。如果我在相应页面中给出元标记，它也不会被接受。我如何给出元标记？但我没有在服务器端使用eat。我使用react框架进行设计和api集成。在这方面我如何给元标记。查看页面源代码只给我index.html文件中的代码和一些脚本标记。

import React from 'react';
import MetaTags from 'react-meta-tags';

class Component1 extends React.Component {
  render() {
    return (
        <div className="wrapper">
          <MetaTags>
            <title>Page 1</title>
            <meta name="description" content="Some description." />
            <meta property="og:title" content="MyApp" />
            <meta property="og:image" content="path/to/image.jpg" />
          </MetaTags>
          <div className="content"> Some Content </div>
        </div>
      )
  }
}