Отримання даних та API
fetch API, axios, async/await, обробка помилок, стани завантаження, abort controllers
1Що повертає метод fetch() при виклику?
Що повертає метод fetch() при виклику?
Відповідь
fetch() повертає Promise, що вирішується з об'єктом Response. На відміну від axios, fetch не відхиляє автоматично помилки HTTP (такі як 404 або 500), тому необхідно перевіряти response.ok перед парсингом даних. Такий підхід дає більше контролю над обробкою помилок, але потребує явної перевірки статусу.
2Як витягти дані JSON з об'єкта Response, отриманого за допомогою fetch()?
Як витягти дані JSON з об'єкта Response, отриманого за допомогою fetch()?
Відповідь
Об'єкт Response має метод json(), який повертає Promise, що вирішується з розпарсеними даними. Цей метод є асинхронним, оскільки він зчитує тіло відповіді поступово. Важливо спочатку перевірити response.ok перед викликом json(), щоб переконатися, що запит був успішним.
3Яка властивість об'єкта Response дозволяє перевірити, чи був HTTP-запит успішним?
Яка властивість об'єкта Response дозволяє перевірити, чи був HTTP-запит успішним?
Відповідь
Властивість response.ok повертає true, якщо код стану HTTP знаходиться між 200 і 299, що вказує на успішну відповідь. Ця властивість є важливою, оскільки fetch() не відхиляє автоматично помилки HTTP, на відміну від axios. Перевірка response.ok перед обробкою даних є найкращою практикою для уникнення парсингу відповідей з помилками.
Яке ключове слово дозволяє синхронно очікувати на вирішення Promise в async функції?
В якому порядку слід викликати наступні методи під час fetch(): json(), then(), catch()?
+17 питань зі співбесід
Інші теми співбесід React / Next.js
Основи JavaScript
Основи React
React Hooks
Життєвий цикл компонента
React Router
Управління станом з Context
Форми та Controlled Components
React Query (TanStack Query)
Styling & CSS-in-JS
Основи Next.js
TypeScript з React
Data Fetching у Next.js
Server Actions у Next.js
Маршрутизація та Навігація в Next.js
API Routes у Next.js
Metadata & SEO у Next.js
Middleware та Auth у Next.js
Тестування React
Zustand State Management
Оптимізація продуктивності React
Error Boundaries & обробка помилок
Advanced React Patterns
Розширені можливості Next.js
Розгортання та Продакшн Next.js
Architecture & Design Patterns
React Server Components
Інтернаціоналізація Next.js
React Безпека & Найкращі Практики
Опануй React / Next.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно