Ako možno riadiť životný cyklus komponentu v React pomocou hooku useEffect?

Hook useEffect v React-u omogućava upravljanje životnim ciklusom funkcionalne komponente, izvršavajući sporedne efekte nakon renderovanja. Može se koristiti za:

• Izvršavanje koda pri montiranju komponente (slično kao componentDidMount), prosleđivanjem prazne liste zavisnosti.
• Ažuriranje efekta kada se promene specificirane zavisnosti.
• Čišćenje resursa pri demontiranju komponente (slično kao componentWillUnmount) pomoću funkcije za čišćenje.

Primer:

import React, { useEffect, useState } from 'react';

function Timer() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    const id = setInterval(() => {
      setCount(c => c + 1);
    }, 1000);

    // Funkcija za čišćenje, poziva se pri demontiranju
    return () => clearInterval(id);
  }, []); // prazan niz — efekat se izvršava samo jednom pri montiranju

  return <div>Brojač: {count}</div>;
}