## Taak
Maak een React-component genaamd `DataFetcher` die gegevens ophaalt en weergeeft van een API wanneer de component wordt geladen.

## Instructies
1. Importeer de juiste hooks uit de React-bibliotheek.
2. Gebruik binnen de component de `useEffect`-hook om gegevens op te halen van het opgegeven API-endpoint wanneer de component wordt geladen.
3. Geef de opgehaalde gegevens weer in een gebruiksvriendelijk formaat binnen de component. Je kunt zelf bepalen hoe je de gegevens formatteert en presenteert, bijvoorbeeld als een lijst, een tabel of een ander geschikt formaat.

1. Voeg een `import`-statement toe om de benodigde hook uit de React-bibliotheek te importeren.
2. Gebruik de `useEffect`- en `useState`-hooks voor deze taak.

Ontdek de basisprincipes van het bouwen van gebruikersinterfaces met React. Focus op componenten, JSX, gegevensstroom, toestand en neveneffecten die worden gebruikt in alledaagse React-toepassingen.

Ontdek wat React is en hoe het gebruikersinterfaces rendert. Focus op componenten, JSX-syntaxis en het weergeven van elementen op het scherm.

Welke hook wordt gebruikt om de status te beheren in een functioneel component?

Wanneer wordt een `useEffect`-hook standaard uitgevoerd (zonder afhankelijkheidsarray)?

Verdieping in het doorgeven van gegevens tussen componenten en het aansturen van de UI-uitvoer. Focus op props, conditionele weergave en het weergeven van lijsten met gegevens.

Leer hoe gebruikersinteracties en externe gegevens de gebruikersinterface in de loop van de tijd veranderen. Focus op het beheren van toestand en het afhandelen van neveneffecten met React hooks.

Ontdek gangbare methoden om React-componenten te stylen. Focus op het toepassen van stijlen met inline stijlen en externe CSS.

Leer hoe u een React-project uitvoert en de structuur ervan begrijpt. Focus op het starten van een project met Vite en het navigeren door de projectbestanden.

Uitdaging: Gegevens Ophalen en Weergeven

Taak

Instructies