Dependensi dalam useEffect di React
Sekarang mari kita ubah warnanya dengan menekan
tombol. Mari buat state color untuk warna,
dan berikan nilai awal:
const [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:
function App() {
useEffect(() => {
document.body.style.backgroundColor = color;
}, [color]);
...
}
Sekarang mari tambahkan tombol untuk mengubah warna ke komponen kita:
return (
<div>
<h1>React App</h1>
<button onClick={changeColor}>change</button>
</div>
);
Tambahkan juga fungsi penangan klik, yang akan mengubah warna kita menjadi oranye:
function changeColor() {
setColor('orange');
}
Diberikan state dengan nama pengguna. Buatlah agar setiap kali nama berubah, nilai state disimpan ke dalam penyimpanan lokal browser.
