Estoy usando Axios para obtener datos de la API. Desde una página estoy enviando datos a través de URL a otra página que quiero usar en otra página.
http://localhost:3000/otp?email=test.k@gmail.comQuiero obtener el valor del correo electrónico. En el proyecto de reacción, estoy usando react-router-dom, Axios, ganchos.
Una solución usando ganchos:
import { useLocation } from 'react-router-dom' const location = useLocation() const email = new URL(location.href).searchParams.get('email')Puedes usar VanillaJS
const params = new URLSearchParams(window.location.search) const email = params.urlParams.get('email'); console.log(email)Puede usar useLocation de react-router-dom , por ejemplo:
import { useLocation } from "react-router-dom"; const Component = () => { const query = new URLSearchParams(useLocation().search); return <div>{query.get('email')}</div> }También es importante saber la diferencia entre parámetros y consultas en las rutas.