Describe the solution you'd like
Create a Layout component that defines the header and footer and renders a page as a child.
The Layout component should implement a consistent header and footer across all pages. It should take a page component as a child and render it. It would looks roughly like this:
// Pass in props/state related to the user, etc
<Layout {...props} {...state}>
<Route path="/" component={Home}>
<Route path="/profile" component={Profile}>
</Layout>The above is just pseudocode.
Describe the solution you'd like
Create a
Layoutcomponent that defines the header and footer and renders a page as a child.The
Layoutcomponent should implement a consistent header and footer across all pages. It should take a page component as a child and render it. It would looks roughly like this:The above is just pseudocode.