Встречается на собеседованиях • сегодня

Как поисковая строка преобразуется в то что видно на сайте

Поисковая строка (query string) в URL обрабатывается следующим образом:

  1. Извлекается из URL после знака ? (например: ?search=react&page=2)
  2. Парсится в объект с помощью URLSearchParams или библиотек типа qs:
javascript
const params = new URLSearchParams(window.location.search);
const searchTerm = params.get('search'); // "react"
const page = params.get('page'); // "2"
  1. Эти параметры обычно используются для:
    • Фильтрации данных на клиенте
    • Отправки API запроса
    • Роутинга (в Next.js, Gatsby)

Пример обработки в React:

javascript
const [searchParams] = useSearchParams();
const query = searchParams.get('q') || '';

Особенности:

  • Кодируется/декодируется автоматически (пробелы как %20)
  • Сохраняется в истории браузера
  • Можно менять через history.pushState() без перезагрузки страницы
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы