useLocation in React Router tut 18

         useLocation in React Router

import React from 'react';

import {useParams, useLocation} from 'react-router-dom';

let User = () =>{

    var {fname, lname} = useParams(); // variable name must be same as you metion in route path

                                    // we have to get it as object in {}  

    var location = useLocation();

    // console.log(location);

    return(

        <>

   <h1>I am {fname} {lname} User</h1>

   <h2> Your Current location is {location.pathname} </h2>

   <br/> <br/>

   {location.pathname === `/user/vrush/code` ? (<button onClick={()=>

 alert("Vrush ka Code")}> Click ME </button>) : null}

        </>

    )

}

export default User;