React项目动态设置index.html中的＜title＞标签内容

最新推荐文章于 2024-08-22 08:28:16 发布

big tail

最新推荐文章于 2024-08-22 08:28:16 发布

阅读量274

点赞数 3

文章标签： react.js html javascript

本文链接：https://blog.csdn.net/qq_37698249/article/details/140821503

版权

1. 安装react-helmet-async

npm install react-helmet-async -S

2. 如下修改App.tsx即可

import { ConfigProvider } from "antd";
import { RouterProvider } from "react-router-dom";
import { router } from "/@/router";
import { Helmet, HelmetProvider } from "react-helmet-async";

const App = () => {
  return (
    <HelmetProvider>
      <ConfigProvider
        locale={locale}
        theme={{
          token: {
            colorPrimary: "#F26722",
            borderRadius: 2,
          },
          components: {
            Modal: {
              borderRadiusLG: 2,
            },
            Input: {
              borderRadius: 2,
            },
            Button: {
              borderRadius: 4,
            },
          },
        }}
      >
        <RouterProvider router={router} />
      </ConfigProvider>
      <Helmet>
        <title>你的默认页面标题</title>
      </Helmet>
    </HelmetProvider>
  );
};

export default App;