From 1c8dc430791e8d15a4f322f08be6a3a8bda0a645 Mon Sep 17 00:00:00 2001
From: unknown <delfdevs@gmail.com>
Date: Sun, 8 Dec 2019 22:54:19 -0500
Subject: [PATCH] msg

---
 src/App.js                   | 5 +++++
 src/components/About.js      | 6 +++++-
 src/components/Navigation.js | 7 ++++---
 src/index.js                 | 5 ++++-
 4 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index 8dcc53b0b..7ae20775e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,10 +1,15 @@
 import React from 'react';
 import './App.css';
 import { Home, About, Contact, Navigation } from './components';
+import { Route } from 'react-router-dom';
+
 
 const App = () => (
   <div>
     <Navigation />
+    <Route exact path='/' component={Home}/>
+    <Route path='/about' component={About}/>
+    <Route path='/contact' component={Contact}/>
   </div>
 );
 
diff --git a/src/components/About.js b/src/components/About.js
index 948990def..aaecc0a36 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -1,5 +1,9 @@
 import React from 'react';
 
-const About = () => <h1>About</h1>;
+//const About = () => <h1>About</h1>;
+
+function About () {
+    return <h1>About</h1>
+}
 
 export default About;
diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index 2a0b35d9e..c054dec01 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Link } from 'react-router-dom'
 
 const Navigation = () => {
   return (
@@ -6,13 +7,13 @@ const Navigation = () => {
       <div className="App">
         <h1>React Router Mini</h1>
         <div>
-          <a href="">Home</a>
+        <Link to="/">Home</Link>
         </div>
         <div>
-          <a href="">About</a>
+        <Link to="/about">About</Link>
         </div>
         <div>
-          <a href="">Contact</a>
+        <Link to="/contact">Contact</Link>
         </div>
       </div>
     </div>
diff --git a/src/index.js b/src/index.js
index a682d5a8a..d979d833a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,6 +2,9 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
+import { BrowserRouter as Router } from 'react-router-dom';
 import 'bootstrap/dist/css/bootstrap.css';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(<Router>
+      <App />
+    </Router>, document.getElementById('root'));