How to use react router dom in reactjs

 

        

import './App.css'

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

import Login from './login';

 const Home = ()=> {

 

 

   return(

     <div className='div1'>

   

      <div>

        <Router>

          <Routes>

       

         

            <Route path="/login" element={<Login />} />

          </Routes>

        </Router>

        <div className='div'>

       <h1>LOG IN</h1>

       <input type='email' className='input' placeholder='Email'/><br></br><br></br>

       <input type='password' className='input' placeholder='password'/><br></br>

       <button type="submit" className='button'  > Login </button>

        </div>

      </div>

      </div>

   )

 }

 export default Home;

 

Login.js

import react from "react";

const  Login  = () => {

    return(

 <div><h1> hlo everyone whats up guys</h1></div>

    )

}

export default Login;

you see code on this video