init

src/views/404/404.tsx

@@ -0,0 +1,14 @@
+import {useNavigate} from 'react-router-dom';
+
+export default () => {
+    const navigate = useNavigate();
+    const goBack = () => {
+        navigate(-1);
+    };
+    return (
+        <>
+            <h1>About Page</h1>
+            <button onClick={goBack}>返回</button>
+        </>
+    );
+};

src/views/about/About.tsx

@@ -0,0 +1,14 @@
+import {useNavigate} from 'react-router-dom';
+
+export default () => {
+    const navigate = useNavigate();
+    const goBack = () => {
+        navigate(-1);
+    };
+    return (
+        <>
+            <h1>About Page</h1>
+            <button onClick={goBack}>返回</button>
+        </>
+    );
+};

src/views/home/Home.tsx

@@ -0,0 +1,10 @@
+import { Link } from 'react-router-dom';
+
+export default () => {
+    return (
+        <>
+            <h1>Home Page</h1>
+            <Link to="/about">页面跳转</Link>
+        </>
+    );
+};