Question 1

Wat geeft de fetch()-methode terug wanneer deze wordt aangeroepen?

Accepted Answer

fetch() retourneert een Promise die wordt opgelost met een Response-object. In tegenstelling tot axios weigert fetch HTTP-fouten (zoals 404 of 500) niet automatisch, dus het is noodzakelijk om response.ok te controleren voordat de data wordt geparsed. Deze aanpak geeft meer controle over foutafhandeling, maar vereist expliciete statuscontrole.

Question 2

Hoe JSON-data extraheren uit een Response-object verkregen met fetch()?

Accepted Answer

Het Response-object heeft een json()-methode die een Promise retourneert die wordt opgelost met de geparseerde data. Deze methode is asynchroon omdat het de response body geleidelijk leest. Het is belangrijk om eerst response.ok te controleren voordat json() wordt aangeroepen om te verifiëren dat het verzoek is geslaagd.

Question 3

Welke eigenschap van het Response-object maakt het mogelijk om te controleren of het HTTP-verzoek geslaagd is?

Accepted Answer

De eigenschap response.ok retourneert true als de HTTP-statuscode tussen 200 en 299 ligt, wat een succesvol antwoord aangeeft. Deze eigenschap is essentieel omdat fetch() HTTP-fouten niet automatisch afwijst, in tegenstelling tot axios. response.ok controleren voordat data wordt verwerkt, is een best practice om het parsen van foutresponses te voorkomen.

Gegevens ophalen & API

Wat geeft de fetch()-methode terug wanneer deze wordt aangeroepen?

Antwoord

Hoe JSON-data extraheren uit een Response-object verkregen met fetch()?

Antwoord

Welke eigenschap van het Response-object maakt het mogelijk om te controleren of het HTTP-verzoek geslaagd is?

Antwoord

Welk sleutelwoord maakt het mogelijk om synchroon te wachten op de afhandeling van een Promise in een async-functie?

In welke volgorde moeten de volgende methoden worden aangeroepen bij een fetch(): json(), then(), catch()?

Andere React / Next.js-sollicitatieonderwerpen

JavaScript-basisbegrippen

React-basisbegrippen

React Hooks

Componentlevenscyclus

React Router

Statusbeheer met Context

Formulieren & Controlled Components

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Fundamentals

TypeScript met React

Next.js Data Fetching

Next.js Server Actions

Routing & Navigatie in Next.js

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware & Auth

React Testen

Zustand State Management

React Performance-optimalisatie

Error Boundaries & Error Handling

Advanced React Patterns

Geavanceerde Next.js-functies

Next.js Deployment & Productie

Architecture & Design Patterns

React Server Components

Next.js Internationalisering

React Beveiliging & Best Practices

Beheers React / Next.js voor je volgende gesprek