chore: add demo components

Author: sunss

src/App.tsx

@@ -19,10 +19,10 @@ function App() {
           <h1>欢迎使用 webpack-react-typescript 模板</h1>
           <Space size={60}>
             <Link to="/">
-              <Button>HomePage</Button>
+              <Button type="primary">HomePage</Button>
             </Link>
             <Link to="/about">
-              <Button type="primary">AboutPage</Button>
+              <Button>AboutPage</Button>
             </Link>
           </Space>
 

src/pages/About/index.tsx

@@ -1,6 +1,15 @@
-import React from 'react';
+import React, { useState } from 'react';
+import { Card, Tag } from 'antd';
 
 const AboutPage = () => {
-  return <div>AboutPage</div>;
+  const [count, setCount] = useState(0);
+
+  return (
+    <Card title="AboutPage">
+      <Tag color="error" onClick={() => setCount(count + 1)}>
+        click here：{count}
+      </Tag>
+    </Card>
+  );
 };
 export default AboutPage;

src/pages/Home/index.tsx

@@ -1,6 +1,21 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
+import { Card, Tag } from 'antd';
 
 const HomePage = () => {
-  return <div>HomePage</div>;
+  const [count, setCount] = useState(0);
+
+  useEffect(() => {
+    const Timer = setInterval(() => {
+      setCount(prev => prev + 1);
+    }, 1000);
+
+    return () => clearInterval(Timer);
+  }, []);
+
+  return (
+    <Card title="HomePage">
+      mounted start <Tag color="cyan">count：{count}</Tag> unmounted clear
+    </Card>
+  );
 };
 export default HomePage;