javascript - 如何在反应中显示元标记？

Question

我正在使用 React 版本 16.14.0 和 Helmet 插件来动态呈现元标记

<meta property="og:url" content="..." data-react-helmet="true">
<meta property="og:type" content="website" data-react-helmet="true">
<meta property="twitter:card" content="summary_large_image" data-react-helmet="true">
<meta property="twitter:url" content="..." data-react-helmet="true">
<meta name="title" content="Test Project 1" data-react-helmet="true">
<meta name="description" content="Test Project 1" data-react-helmet="true">
<meta property="og:title" content="Test Project 1" data-react-helmet="true">
<meta property="og:description" content="Test Project 1" data-react-helmet="true">
<meta property="og:image" content="..." data-react-helmet="true">
<meta property="twitter:title" content="Test Project 1" data-react-helmet="true">
<meta property="twitter:description" content="Test Project 1" data-react-helmet="true">
<meta property="twitter:image" content="..." data-react-helmet="true">

我得到了元素中的所有标签，但是当我尝试报废时，我看不到这些元标签生成的卡片。我看到了一种使用服务器端渲染的解决方案，但是有没有办法使用客户端渲染来报废？

标签： javascriptreactjsmeta-tags

Answer 1

您指向的页面中显示了以下元标记。

<meta property="twitter:card" content="summary_large_image" data-react-helmet="true">

不过，本来应该

<meta name="twitter:card" content="summary_large_image" data-react-helmet="true">

更换所有的propertytoname然后再试一次。

有关详细信息，请参阅此文档。