时间戳

首页 > 解决方案 > React 头盔不覆盖标题和元标记

javascript - React 头盔不覆盖标题和元标记

问题描述

我正在开发一个反应项目。我在index.html中给出了默认的标题标签和元标签。我正在尝试使用react-helmet通过道具更新每个页面的标题和元标记。标题标签会更新，但只有几秒钟。每当我在 5-10 秒后更改浏览器选项卡时，标题都会恢复为默认值。至于其他元标记，这些标记根本不会覆盖。

索引.html

<head>
  <title>Content...</title>
  <meta name="description" content="description/>
</head>

我的组件

<Helmet>
  <title>{this.state.meta_title}</title>
  <meta name="description" content={this.state.meta_description}/>
</Helmet>

我尝试使用data-react-helmet="true"。

<meta name="description" content={this.state.meta_description} data-react-helmet="true"/>

但这没有帮助。我试图从过去两天解决这个问题，但没有运气。如果有人可以帮助我，请帮助。

更新

我得到了解决方案。我在页面内调用了头盔。当我在App.js文件中调用Helmet组件时，它开始工作。标题问题已修复，但元标记未更新。新的元标签可以添加到头部的底部。

标签： javascripthtmlreactjs

解决方案

推荐阅读