NavLink

import React from 'react';
import s from "./navbar.module.css";
import {NavLink} from "react-router-dom";
 
 
 
const Navbar = () => {
    return(
    <nav className={s.nav}>
 
        <div className={s.item}>
            <NavLink to="/profile" activeClassName={s.activeLink}>Profile</NavLink>
        </div>
 
        <div className={s.item}>
            <NavLink to="/dialog" activeClassName={s.activeLink}>Messages</NavLink>
        </div>
               
    </nav>
 
    );
}
export default Navbar;
 
 
 
 
 
 
const App = () => {
  return (
    <BrowserRouter>
      <div  className="wrapper">
          <Header/>         
          <Navbar/>
         <div className="app_wrapper_content">            
             <Route path = "/profile" component = {Profile}/>
             <Route path ="/dialog" component = {Dialog}/>            
         </div>
 
      </div>
       </BrowserRouter>
  );
}