From 417ab9f4bcf7e18a502ba59aa21e53a5f8a2d6bc Mon Sep 17 00:00:00 2001
From: chenshuai2144 <qixian.cs@outlook.com>
Date: Fri, 25 Oct 2019 23:22:43 +0800
Subject: [PATCH] feat: change to react-helmet

---
 package.json               |  3 ++-
 src/layouts/UserLayout.tsx | 25 ++++++++++++++-----------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 00f940ef..ac2e1c11 100644
--- a/package.json
+++ b/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",
diff --git a/src/layouts/UserLayout.tsx b/src/layouts/UserLayout.tsx
index 6a792ff2..34fcdf4e 100644
--- a/src/layouts/UserLayout.tsx
+++ b/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>
+    </>
   );
 };