Зависности у useEffect у React-у

Сада ћемо мењати боју притиском дугмета. Направићемо стејт color за боју, постављајући му почетну вредност:

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

Замењивамо текстуалну вредност са нашим стејтом у useEffect и не заборавимо да га додамо у листу зависности у угаоним заградама. Сада ће се ефекат извршавати сваки пут када се промени стејт color:

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

Хајде сада да додамо дугме за промену боје у наш компонент:

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

Додајмо и функцију руковаоца кликом, која ће мењати нашу боју у наранџасту:

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