7. Поиск: query‑параметры и обработка ошибок

Для доступа к видео оформите подписку на курс

7. Поиск: query‑параметры и обработка ошибок

Добавим поиск по имени через query‑параметр и обработчик onChange. Научимся ловить ошибки API и выводить сообщение пользователю.

Оценить качество материала и подачу материала автором видео:

Front-end

Трудоустройтесь middle front-end разработчиком на React JS (TypeScript) за 12-16 месяцев обучения с ежедневной менторской поддержкой в формате видео 1 на 1 и коммерческими проектами в портфолио

Перейти на курс
Front-end

Back-end

Трудоустройтесь middle back-end разработчиком за 12-16 месяцев обучения с ежедневной менторской поддержкой в формате видео 1 на 1 и коммерческими проектами в портфолио

Перейти на курс
Back-end

Карьерный бустер

Получите коммерческий опыт на реальных стартапах, прокачайте tech & soft навыки, научитесь работать в команде, проходить собеседования и получите первую работу в IT!

Перейти на курс
Карьерный бустер

Основы Front-end

Сделайте первый шаг в IT, освоив базовые знания разработки и научившись создавать небольшие проекты на JavaScript

Перейти на курс
Основы Front-end

Основы Back-end

Сделайте первый шаг в IT, освоив базовые знания разработки. Без опыта. Без математики. Только практика: JavaScript, SQL, Node JS, база данных

Перейти на курс
Основы Back-end

7. Поиск

Реализация поиска

Чтобы понять каким образом искать персонажей, посмотрим в документацию

Для реализации данной задачи необходимо добавить квери-параметр name в URL-адрес

Квери-параметр (query parameter) — это параметр, передаваемый в URL-адресе после знака вопроса (?). Они используются для передачи данных в запросах HTTP, например, при поиске, фильтрации или сортировке данных.

tsx
fetchData(`https://rickandmortyapi.com/api/character?name=${value}`)

Для реализации поиска персонажа по имени сделаем следующее:

  • добавим input куда будем вводить имя персонажа
  • добавим обработчик события onChange для элемента input

...

Для доступа к полной версии конспекта оформите подписку на курс