Kebergantungan dalam useEffect dalam React

Sekarang mari kita ubah warna dengan mengklik tompok. Mari wujudkan keadaan color untuk warna, dengan menetapkan nilai permulaan:

const [color, setColor] = useState('green');

Gantikan nilai rentetan dengan keadaan kita dalam useEffect dan jangan lupa untuk menambahkannya ke dalam senarai kebergantungan dalam kurungan segi empat. Sekarang kesan akan dilaksanakan setiap kali keadaan color berubah:

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

Sekarang mari kita tambah tombol untuk menukar warna dalam komponen kita:

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

Mari juga tambah fungsi pengendali klik, yang akan menukar warna kita kepada oren:

function changeColor() {
	setColor('orange');
}

Diberi keadaan dengan nama pengguna. Lakukan supaya setiap kali nama berubah, nilai keadaan disimpan ke dalam penyimpanan tempatan pelayar.