update router

project-react1/src/components/About/index.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const About = () => {
+  return <div>React project 1 About</div>;
+};
+
+export default About;

project-react1/src/components/app/index.jsx

@@ -1,12 +1,22 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import styles from "./app.module.css";
 import { AppRouter } from "../appRouter";
 
 const App = () => {
   return (
     <div className={styles.container}>
-      tests
-      {/* <AppRouter /> */}
+      <nav>
+        <ul>
+          <li>
+            <Link to="/">Home</Link>
+          </li>
+          <li>
+            <Link to="/about/">About</Link>
+          </li>
+        </ul>
+      </nav>
+      <AppRouter />
     </div>
   );
 };

project-react1/src/components/appRouter/index.jsx

@@ -1,9 +1,10 @@
 import * as React from "react";
 import { Route } from "react-router-dom";
 import App from "../app";
+import About from "../About";
 
 export const AppRouter = () => (
   <div>
-    <Route exact path="/" component={App} />
+    <Route exact path="/about" component={About} />
   </div>
 );