Zavisnosti u useEffect-u u React-u

Sada hajde da menjamo boju pritiskom na dugme. Napravićemo stanje color za boju, dajući mu početnu vrednost:

App.jsxconst [color, setColor] = useState('green');

Zamenićemo vrednost niske našim stanjem u useEffect i nećemo zaboraviti da ga dodamo u listu zavisnosti u uglastim zagradama. Sada će se efekat izvršavati svaki put kada se stanje color promeni:

App.jsxfunction App() {
  useEffect(() => {
    document.body.style.backgroundColor = color;
  }, [color]);
  
  ...
}

Hajde sada da dodamo dugme za promenu boje u našu komponentu:

App.jsxreturn (
  <div>
    <h1>React App</h1>
    <button onClick={changeColor}>change</button>
  </div>
);

Dodajmo i funkciju rukovaoca klika, koja će da menja našu boju u narandžastu:

App.jsxfunction changeColor() {
  setColor('orange');
}