Назад к задачамПолучайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Junior — Senior
25
Интерактивный поиск персонажей из Rick and Morty
Условие задачи
Задача заключается в создании небольшого React‑приложения, которое позволяет выполнять поиск персонажей через публичный API https://rickandmortyapi.com. Требования к реализации:
- На странице должно быть единственное текстовое поле, в которое пользователь вводит запрос. По мере ввода необходимо отправлять запрос к API и получать результаты.
- После получения ответа от сервера отобразить список найденных сущностей, показывая только их
name. - Добавить индикатор загрузки, который будет виден, пока запрос находится в процессе выполнения.
- Корректно обработать ситуацию, когда API возвращает ошибку (например, сетевой сбой или отсутствие совпадений).
import React from 'react';
function getPeople(name, page = 1, options = {}) {
return fetch(
`https://rickandmortyapi.com/api/character?name=${name}&page=${page}`,
options
).then((res) => res.json());
}
export default function App() {
return '20 minutes adventure!';
}
В качестве отправной точки можно использовать предоставленную функцию getPeople для выполнения запросов и компонент App – шаблон, который нужно доработать согласно указанным требованиям.