Comment utiliser les promesses en Reactjs ?

Les promesses en JavaScript sont des objets qui peuvent être retournés par une fonction et qui représentent la complétion ou l’échec d’une opération asynchrone. En React, elles sont souvent utilisées pour gérer les requêtes HTTP.

Voici comment vous pouvez l’utiliser dans un composant React :

1. Importez `useEffect` de React : `import React, { useEffect, useState } from ‘react’;`

1. Créez un `useState` pour stocker la donnée que vous voulez récupérer : `const [data, setData] = useState(null);`

1. Utilisez `useEffect` pour lancer la requête HTTP lorsque le composant est monté :

```
useEffect(() => { fetch(‘URL_DE_VOTRE_API’) .then(response => response.json()) .then(data => setData(data));
}, []);
```
Notez qu’ici, `fetch` retourne une promesse qui représente la réponse HTTP. Vous pouvez utiliser la méthode `.then` pour fournir une fonction de rappel qui sera exécutée lorsque la promesse sera résolue, c’est-à-dire lorsque la requête HTTP sera terminée.

1. Utiliser les données stockées dans l’état du composant pour afficher à l’utilisateur :

```
return (

{data ? ( data.map(item =>

{item.name}

) ) : (

Loading…

)}

);
```
En bref, avec Reactjs, vous allez utiliser les promesses dans les fonctions asynchrones souvent lors de l’appel à une API puis utiliser les hooks d’état et d’effet pour stocker et gérer quand ces requêtes sont effectuées.