From e21a1c15a2e4bf3e51cdd7a5671bbfee5837ef13 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Tue, 15 Jun 2021 19:20:04 +0530
Subject: Using react-router to switch pages

---
 src/components/App.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

(limited to 'src/components/App.js')

diff --git a/src/components/App.js b/src/components/App.js
index 4e6157a..64057b8 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -7,17 +7,25 @@
 */
 
 import React from "react";
+import {BrowserRouter, Route, Switch} from "react-router-dom";
+
 import Header from "./Header/Header";
 import HomePage from "./Pages/HomePage";
+import BillingPage from "./Pages/BillingPage";
 
 const App = () => {
-  const showHeader = false;
   return (
     <>
-      {showHeader && <Header/>}
+      <BrowserRouter>
+        <Header/>
         <div className={"root-content"}>
-          <HomePage />
+          <Switch>
+            <Route exact path="/" component={HomePage}/>
+            <Route exact path="/BillingPage" component={BillingPage}/>
+            <Route path="/" render={() => <div>404</div>}/>
+          </Switch>
         </div>
+      </BrowserRouter>
     </>
   );
 }
-- 
cgit v1.2.3