Mastering Ethereum

Creating the Header component

Our application will have several pages for buyers, sellers, and orders. That's why it's important to separate each component as much as possible into unique blocks that can be imported where required by performing the following steps:

1. Create a new component inside the src/components/ folder to display a header for our website, and create a file named Header.js inside your components folder, as shown in the following code:

import React from 'react'import { Link } from 'react-router-dom'function Header() {    return (        <div className="header">            <Link to="/">ECOMMERCE</Link>            <div>                <Link to="/">Home</Link>                <Link to="/sell">Sell</Link>                <Link to="/orders">Orders</Link>            </div>        </div>    )}export default Header

2. Export it ...