feat: change to react-helmet

package.json

@@ -70,8 +70,8 @@
     "qs": "^6.9.0",
     "react": "^16.8.6",
     "react-copy-to-clipboard": "^5.0.1",
-    "react-document-title": "^2.0.3",
     "react-dom": "^16.8.6",
+    "react-helmet": "^5.2.1",
     "redux": "^4.0.1",
     "slash2": "^2.0.0",
     "umi": "^2.9.6",
@@ -91,6 +91,7 @@
     "@types/react": "^16.8.19",
     "@types/react-document-title": "^2.0.3",
     "@types/react-dom": "^16.8.4",
+    "@types/react-helmet": "^5.0.13",
     "@umijs/fabric": "^1.2.0",
     "chalk": "^2.4.2",
     "check-prettier": "^1.0.3",

src/layouts/UserLayout.tsx

@@ -1,5 +1,5 @@
 import { DefaultFooter, MenuDataItem, getMenuData, getPageTitle } from '@ant-design/pro-layout';
-import DocumentTitle from 'react-document-title';
+import { Helmet } from 'react-helmet';
 import Link from 'umi/link';
 import React from 'react';
 import { connect } from 'dva';
@@ -28,16 +28,19 @@ const UserLayout: React.SFC<UserLayoutProps> = props => {
     },
   } = props;
   const { breadcrumb } = getMenuData(routes);
-
+  const title = getPageTitle({
+    pathname: location.pathname,
+    breadcrumb,
+    formatMessage,
+    ...props,
+  });
   return (
-    <DocumentTitle
-      title={getPageTitle({
-        pathname: location.pathname,
-        breadcrumb,
-        formatMessage,
-        ...props,
-      })}
-    >
+    <>
+      <Helmet>
+        <title>{title}</title>
+        <meta name="description" content={title} />
+      </Helmet>
+
       <div className={styles.container}>
         <div className={styles.lang}>
           <SelectLang />
@@ -56,7 +59,7 @@ const UserLayout: React.SFC<UserLayoutProps> = props => {
         </div>
         <DefaultFooter />
       </div>
-    </DocumentTitle>
+    </>
   );
 };