Update App component

Author: chachaxw

src/App.tsx

@@ -2,64 +2,47 @@ import './App.css';
 
 import { Layout } from 'antd';
 import { connect } from 'dva';
-import React, { Component } from 'react';
-import DocumentTitle from 'react-document-title';
+import React, { FC } from 'react';
 
 import { Content, ErrorBoundary, Footer, Header, SideBar } from './components';
 import { Auth } from './models/global';
 import AppRoutes from './routes';
 import routesConfig from './routes/config';
 import { getFlatMenuKeys } from './utils/utils';
 
+const menu = routesConfig.app;
+const flatMenuKeys = getFlatMenuKeys(menu);
+
 interface DvaProps {
   auth: Auth;
   location: Location;
   collapsed: boolean;
   onCollapse: (collapsed: boolean) => void;
 }
 
-interface InternalProps extends DvaProps {
+interface Props extends DvaProps {
   app: any;
 }
 
-interface InternalState {
-  title: string;
-}
-
-class App extends Component<InternalProps, InternalState> {
-  private menu = routesConfig.app;
-  private flatMenuKeys = getFlatMenuKeys(this.menu);
-
-  private constructor(props: InternalProps) {
-    super(props);
-    this.state = {
-      title: '',
-    };
-  }
+const App: FC<Props> = (props: Props) => {
+  const { app, auth, collapsed, location, onCollapse } = props;
 
-  public render() {
-    const { title } = this.state;
-    const { app, auth, collapsed, location, onCollapse } = this.props;
-
-    return (
-      <DocumentTitle title={title}>
-        <Layout className="App">
-          <SideBar collapsed={collapsed} menu={this.menu} onCollapse={onCollapse}
-            flatMenuKeys={this.flatMenuKeys} location={location} />
-          <Layout>
-            <Header />
-            <Content>
-              <ErrorBoundary>
-                <AppRoutes app={app} auth={auth} />
-              </ErrorBoundary>
-            </Content>
-            <Footer className="Footer" />
-          </Layout>
-        </Layout>
-      </DocumentTitle>
-    );
-  }
-}
+  return (
+    <Layout className="App">
+      <SideBar collapsed={collapsed} menu={menu} onCollapse={onCollapse}
+        flatMenuKeys={flatMenuKeys} location={location} />
+      <Layout>
+        <Header />
+        <Content>
+          <ErrorBoundary>
+            <AppRoutes app={app} auth={auth} />
+          </ErrorBoundary>
+        </Content>
+        <Footer className="Footer" />
+      </Layout>
+    </Layout>
+  );
+};
 
 const mapStateToProps = ({ global }: any) => {
   return {