Javascript 如何在react js（也在源代码中）中动态更改网站标题？

我试过react头盔。我使用react路由器，我想在路线改变时更改标题。使用react头盔，我可以在选项卡和控制台中更改标题，但遗憾的是，在源代码中无法更改标题。我想更改源代码中的标题，因为它对seo非常重要。 In/public/index.html

我的标题

如果您正在寻找搜索引擎优化，那么

创建react应用程序

不是这里的解决方案。 即使你在社交媒体上共享你的页面，它也不会显示元数据。 为此，必须进行服务器端渲染。要阅读有关服务器端渲染的内容，请检查此处

---

只需执行

document.title='…'

即可更改标题

我把它放在每个顶级组件的

useffect

中

---

谷歌和必应评估JS，因此在JS中设置标题不会对搜索引擎优化造成不利影响。但是，其他搜索引擎可能会使用React头盔更改您的网站标题说明。它也有助于搜索引擎优化。

从“React”导入React；
从“react Helmet”导入{Helmet}；
类应用程序扩展了React.Component{
渲染（）{
返回(
我的头衔
...
);
}
};

您应该在react（useContext hook）中使用上下文，在每个页面中，您将在名为pageTitle的变量中设置在应用程序上下文中声明的内容的标题。最后，您可以使用头盔软件包并将其放置在标题标签中。

从“react”导入react；
import React from "react";
 
class Application extends React.Component {
   state={
   title:"dynamic title"
  }
  componentDidMount(){
    document.title = this.state.title
  }
  render () {
    return (
        <div className="homePage"></div>
    );
  }
}

类应用程序扩展了React.Component{
陈述={
标题：“动态标题”
}
componentDidMount（）{
document.title=this.state.title
}
渲染（）{
返回(
);
}
}

不，不是。正如我前面提到的。我已经在网站上添加了react头盔。标题会在选项卡和控制台中更改，但不会在源代码中更改。而源代码对于搜索引擎优化非常重要。那么，您能告诉我如何在源代码中更改标题吗？请再次阅读问题，给出答案@RSSani@Subreena我很确定谷歌为了SEO的目的正确地处理JavaScript修改过的标题/

import React from "react";
 
class Application extends React.Component {
   state={
   title:"dynamic title"
  }
  componentDidMount(){
    document.title = this.state.title
  }
  render () {
    return (
        <div className="homePage"></div>
    );
  }
}