add footer files

src/components/Footer/Footer.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Layout, Typography} from 'antd';
+import { useTranslation } from "react-i18next";
+
+export const Footer: React.FC<any> = () => {
+    const { t } = useTranslation();
+    return (
+        <Layout.Footer>
+            <Typography.Title level={3} style={{ textAlign: 'center' }}>
+                {t("footer.detail")}
+            </Typography.Title>
+        </Layout.Footer>
+    )
+}

src/components/Footer/index.ts

@@ -0,0 +1 @@
+export * from './Footer';

src/components/index.ts

@@ -1,4 +1,5 @@
 export * from './Header';
 export * from './SideMenu';
 export * from './ProductCollection';
-export * from './Carousel';
+export * from './Carousel';
+export * from './Footer';

src/pages/home/HomePage.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styles from './HomePage.module.css';
-import { Header, SideMenu, Carousel, ProductCollection } from '../../components';
+import { Header, SideMenu, Carousel, ProductCollection , Footer} from '../../components';
 import { Row, Col, Typography } from 'antd';
 import sideImage from '../../assets/images/sider_2019_12-09.png';
 import sideImage2 from '../../assets/images/sider_2019_02-04.png';
@@ -50,7 +50,7 @@ export class HomePageComponent extends React.Component<WithTranslation> {
                         products={productList[2].touristRoutes}
                     />
                 </div>
-
+                <Footer />
             </div>
         )
 

src/redux/language/languageReducer.ts

@@ -14,6 +14,7 @@ const defaultState: LanguageState = {
     ]
 }
 
+// 在模块导入导出之前，将箭头函数指定给变量
 let LanguageReducer = (state = defaultState, action: LanguageActionTypes) => {
     switch (action.type) {
         case CHANGE_LANGUAGE: