首页 > 解决方案 > Reactjs - 单个 React 应用程序中的多个标题

问题描述

所以,我想为我的 React 应用程序中的每个视图或每个路由创建一个标题,而不仅仅是 index.html 文件(React 应用程序)中的那个。

标签: reactjsreact-router-v4react-router-dom

解决方案


你可以看看react-helmet。它允许您从组件中定义自定义头部标签。

例如,如果你想让一个组件覆盖页面的标题,你可以这样做:

import { Helmet } from "react-helmet";

// Inside your render:
<Helmet>
    <title>This is a new title!</title>
</Helmet>

推荐阅读