From d567495881ad2cd9edc712457917fad686aecbd4 Mon Sep 17 00:00:00 2001
From: Martin Wighus Holtmon <martinwh@stud.ntnu.no>
Date: Fri, 5 Nov 2021 16:18:11 +0100
Subject: [PATCH] projectFirstPart/P5 - Moved header to dom
---
projectFirstPart/p5.jsx | 38 ++++++++++++++++++++------------------
1 file changed, 20 insertions(+), 18 deletions(-)
diff --git a/projectFirstPart/p5.jsx b/projectFirstPart/p5.jsx
index 3758e57..d98b9af 100644
--- a/projectFirstPart/p5.jsx
+++ b/projectFirstPart/p5.jsx
@@ -6,25 +6,27 @@ import Example from './components/example/Example';
import Header from "./components/header/Header";
class P5 extends React.Component {
- render() {
- return(
- <div>
- <Header />
- <HashRouter>
- <Link to="/states">States</Link>
- <Link to="/example">Example</Link>
- <Route exact path="/">
- <Redirect to="/example" />
- </Route>
- <Route exact path="/example" component={Example} />
- <Route exact path="/states" component={States} />
- </HashRouter>
- </div>
- )
- }
+ render() {
+ return (
+ <div>
+ <HashRouter>
+ <Link to="/states">States</Link>
+ <Link to="/example">Example</Link>
+ <Route exact path="/">
+ <Redirect to="/example"/>
+ </Route>
+ <Route exact path="/example" component={Example}/>
+ <Route exact path="/states" component={States}/>
+ </HashRouter>
+ </div>
+ )
+ }
}
ReactDOM.render(
- <P5/>,
- document.getElementById('reactapp'),
+ <>
+ <Header/>
+ <P5/>
+ </>,
+ document.getElementById('reactapp'),
);
--
GitLab