Build First React App ( Updated SideBar.jsx )

SideBar.jsx

import React from 'react'
import { Link } from 'react-router-dom';


const SideBar = () => {
  return (
    <div className="col-2 px-0 bg-dark border-right text-center position-fixed">
      <nav style={{ height: '100vh' }}>
        <h3 className="pt-4 pl-3 text-light">React App</h3>
        <hr className='bg-white' style={{ height: "3px" }}/>
        <p className="pt-3">
          <Link to="/"
            className="text-white"
            style={{ width: '100%' }}
          >
            Home
          </Link>
        </p>
        <p className="pt-3">
          <Link to="/about"
            className="text-white"
            style={{ width: '100%' }}
          >
            About
          </Link>
        </p>
        <p className="pt-3">
          <Link to="/contact"
            className="text-white"
            style={{ width: '100%' }}
          >
            Contact
          </Link>
        </p>
      </nav>
    </div>
  )
}


export default SideBar