Let's create a Footer component and include it on the page:
function Footer(props) {
return <footer>Copyright {props.name}</footer>
}
const page = <div className="container">
<Header name={name}/>
<Footer name={name}/>
</div>
We are now creating a Footer component and including it on the page. You can see how easy it is to use JSX and components. The page is displayed as shown: