Wanneer wordt de cleanup-functie in useEffect uitgevoerd?

De cleanup-functie in useEffect wordt uitgevoerd in de volgende gevallen:

• Voordat het effect opnieuw wordt uitgevoerd bij wijziging van de afhankelijkheden.
• Bij het ontkoppelen van het component.

Dit maakt het mogelijk om bronnen correct vrij te maken, abonnementen of timers te annuleren, om geheugenlekken en incorrect gedrag te voorkomen.

Voorbeeld:

useEffect(() => {
  const id = setInterval(() => {
    console.log('tick');
  }, 1000);

  return () => {
    clearInterval(id); // opruimen bij ontkoppeling of bijwerken
  };
}, []); // lege afhankelijkhedenlijst — effect wordt één keer uitgevoerd