Chargement de données

Charger des données dans useEffect demande de gérer chargement et erreur, et d'ignorer une réponse arrivée après le démontage ou après un changement de paramètre. On annule la requête dans la fonction de nettoyage avec AbortController, et on met le paramètre dans les dépendances.

useEffect(() => {
  const c = new AbortController();
  fetch(url, { signal: c.signal }).then(r => r.json()).then(setData);
  return () => c.abort();
}, [url]);

Tout le glossaire