En ganchos de reacción :

Suponga que su URL es así: http://localhost:3000/user?name=John&id=10

Luego puede usar useLocation para hacer su trabajo.

 import React from 'react'; import { useLocation } from "react-router-dom"; function VerifySignup() { const search = useLocation().search; const name = new URLSearchParams(search).get('name'); const id = new URLSearchParams(search).get('id'); console.log({ name, id }) return ( <div> Verify Signup </div> ) } export default VerifySignup

Puede usar useParams y establecer la identificación como una dependencia del efecto:

 const Component = () => { const { id } = useParams(); useEffect(() => 'do something when id changes', [id]); };

import { useParams } from "react-router-dom";

en componente:

 const { id } = useParams();

https://reacttraining.com/react-router/web/api/Hooks/useparams

aquí hay otra forma pura de javascript

asumiendo su URL = localhost:3000/example?id=123

 React.useEffect(() => { const params = new URLSearchParams(window.location.search) // id=123 let id = params.get('id') // 123 }, [])

también puede verificar si los parámetros de consulta existen o no por has como

 params.has('id') // true params.has('name') // false