Leçon 8 sur 10

useEffect

useEffect sert aux effets secondaires : demander des données, mettre à jour le titre de la page, configurer des timers ou écouter des événements.

Le tableau de dépendances contrôle quand l’effet s’exécute. Un tableau vide signifie qu’il s’exécute une fois au montage.

REACT

import { useState, useEffect } from "react";

function UserList() {
  const [users, setUsers] = useState([]);

  useEffect(() => {
    fetch("https://api.example.com/users")
      .then(res => res.json())
      .then(data => setUsers(data));
  }, []); // Empty array = run once

  return (
    <ul>
      {users.map(user => (
        <li key={user.id}>{user.name}</li>
      ))}
    </ul>
  );
}

🧠

Quiz rapide

Répondez correctement pour débloquer la leçon suivante.

Soutenir la mission

Cette plateforme d’apprentissage est 100% gratuite : sans publicité, sans suivi et sans paywall. Si elle vous a aidé à apprendre quelque chose d’utile, vous pouvez soutenir les futures leçons ou faire un don à Médecins Sans Frontières, qui fournit des soins médicaux d’urgence dans les zones de crise du monde entier.

Offrir un café Soutenir Médecins Sans Frontières

🎉

Vous avez terminé React !

Vous avez terminé 10 leçons et quiz sur React. Vous maîtrisez maintenant les bases.

Retour au centre d’apprentissage Commencer Terminal