Reactjs React中的动态标题内容

---

我将构建一个React应用程序，其中每个页面都有自己的标题内容（标题组件我的意思是不是head元素），其内容可能不一样（例如，对于搜索页面，我们在标题上有一个输入，对于单个页面，我们有一个标题和操作按钮，就像本地应用程序一样），页面数量相当大，但我不知道怎么做，我需要指导。我想看看react是否有一个方便的解决方案来实现这一点？我是否必须为每个页面制作专有的标题组件？谢谢。

在这种情况下，您可以使用react路由器，例如，假设您有两个组件

标题

和

请与我们联系

，您希望更改这两个组件的标题/内容，以便以这种方式进行操作

假设这是标题组件：-

从“React”导入React；
从“./components/About”导入关于；
类头扩展了React.Component{
状态={
标题：this.props.title
};
render（）{
返回(
{this.state.title}
);
}
}
导出默认标题；

还有您的另一个组件

请与我们联系

，该组件将类似于此：-

从“React”导入React；
类关于扩展React.Component{
componentDidMount（）{
this.setState（{title:'联系我们'}）；
}
render（）{
返回(
你可以创建一个版面组件，并在其中添加一个自定义标题组件。@Sirwanafi谢谢，我是新来的react，你能举个例子吗？谢谢，你看到更新后的帖子了吗？需要更改的不仅仅是标题，而是整个内容。