I am using Axios to fetch data from API. From one page I am sending data through URL to another page which I want to use on another page.
http://localhost:3000/otp?email=test.k@gmail.com
I want to get the value of email. In reacting project I am using react-router-dom, Axios, hooks.
One solution using hooks:
import { useLocation } from 'react-router-dom'
const location = useLocation()
const email = new URL(location.href).searchParams.get('email')
You can use VanillaJS
const params = new URLSearchParams(window.location.search)
const email = params.urlParams.get('email');
console.log(email)
You can use useLocation hook from react-router-dom, for example:
import { useLocation } from "react-router-dom";
const Component = () => {
const query = new URLSearchParams(useLocation().search);
return <div>{query.get('email')}</div>
}
It's also important to know the difference between params and queries in the routes.