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