Parte de una URL que contiene parámetros clave-valor para enviar datos a un servidor.
Aparece después del signo de interrogación (?) en una URL. Se usa para filtros, búsquedas y paginación.
// Anatomía de una URL con query string // https://ejemplo.com/buscar?q=react&categoria=cursos&page=1 // └─────────── query string ───────────┘ // Construir query string const params = new URLSearchParams({ q: 'react', categoria: 'cursos', page: '1' }); const url = `/buscar?${params.toString()}`; // '/buscar?q=react&categoria=cursos&page=1' // Leer query string const urlActual = new URL(window.location.href); const busqueda = urlActual.searchParams.get('q'); const pagina = urlActual.searchParams.get('page') || '1'; // En React Router import { useSearchParams } from 'react-router-dom'; function Busqueda() { const [searchParams, setSearchParams] = useSearchParams(); const query = searchParams.get('q'); const actualizarBusqueda = (nuevaBusqueda) => { setSearchParams({ q: nuevaBusqueda, page: '1' }); }; } // En Express (backend) app.get('/buscar', (req, res) => { const { q, page } = req.query; });
