React <Helmet> 没有更新元数据

Question

我创建了一个包含大约 10 个组件的 React 应用程序。我使用 Helmet 添加了元标记。 但是当我从浏览器检查源代码时，元标记显示了一些随机的 imdb 摇滚类型的东西。
任何建议将不胜感激。

<Helmet>
   <meta charSet="utf-8" />
   <title>My Title</title>
   <link name="description" content="some test description" />
</Helmet>

Answer 1

您无法检查来自 html 来源的元标记，因为：

• html 来源是 javascript 无法触及的静态内容
• helmet 会在 react javascript 执行后为你创建元标签

如果要查看元标记：

• 在开发者工具中使用“元素”选项卡而不是检查源代码
• 使用控制台检查元标签是否存在：

例如打开开发者控制台，可以找到如下link标签：

document.querySelector("link[name=description]");