NavMenu.js

import React, {Component} from 'react';
import NavLink from './NavLink';
import './NavLink.css';

class NavMenu extends Component{
    
    render(){
        let links = [
            {label:"Home", url:"#home"},
            {label:"Products", url:"#products"},
            {label:"Services", url:"#services"},
            {label:"Contact Us", url:"#contact"}
        ];
        return (
            <nav className="main-nav">
                <NavLink info={links[0]}/>
                <NavLink info={links[1]}/>
                <NavLink info={links[2]} />
                <NavLink info={links[3]} />
                {/*
                <a href="#home" className="main-link">Home</a>
                <a href="#products" className="main-link">Products</a>
                <a href="#services" className="main-link">Services</a>
                <a href="#contact" className="main-link">Contact Us</a>
                */}
            </nav>
        )
    }
}

export default NavMenu;