Dependensi dalam useEffect di React

Sekarang mari kita ubah warnanya dengan menekan tombol. Mari buat state color untuk warna, dan berikan nilai awal:

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

Ganti nilai string dengan state kita di useEffect dan jangan lupa untuk menambahkannya ke dalam daftar dependensi dalam kurung siku. Sekarang efek akan dijalankan setiap kali state color berubah:

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

Sekarang mari tambahkan tombol untuk mengubah warna ke komponen kita:

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

Tambahkan juga fungsi penangan klik, yang akan mengubah warna kita menjadi oranye:

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