Je kunt een HTTP-verzoek indienen in Reactjs door de ingebouwde fetch API te gebruiken of door een bibliotheek zoals Axios te gebruiken.
Laten we doorgaan met de fetch API.
Hier is hoe je een HTTP GET-verzoek zou kunnen maken:
```
componentDidMount() {
fetch(‘https://api.example.com/items’)
.then(response => response.json())
.then(data => this.setState({ items: data }));
}
```
Binnen de `componentDidMount()` levenscyclusmethode, roep je de `fetch()` functie aan met het URL van de API. Dan, gebruik je de `.then()` methode om een promise te ontvangen en deze om te zetten naar JSON. Tenslotte, roep je de `setState()` methode aan om de staat van de component bij te werken met de ontvangen data.
Als je liever de axios bibliotheek gebruikt, is hier hoe je hetzelfde zou doen:
```
import axios from ‘axios’;
componentDidMount() {
axios.get(‘https://api.example.com/items’)
.then(response => {
this.setState({ items: response.data })
})
}
```
In de axios versie, importeer je eerst de axios bibliotheek. Dan roep je de `axios.get()` functie aan met het URL van de API. Ten slotte roep je de `setState()` methode aan om de staat van de component bij te werken met de ontvangen data.
Beide versies doen in wezen hetzelfde, maar de axios versie heeft een iets eenvoudigere syntax en biedt wat meer features uit de box. Het komt echt neer op je persoonlijke voorkeur welke je besluit te gebruiken.
