Sự Phụ Thuộc trong useEffect trong React

Bây giờ hãy thay đổi màu sắc khi nhấn vào một nút. Hãy tạo một state color cho màu sắc, và đặt cho nó một giá trị ban đầu:

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

Hãy thay thế giá trị chuỗi bằng state của chúng ta trong useEffect và đừng quên thêm nó vào danh sách sự phụ thuộc trong dấu ngoặc vuông. Bây giờ hiệu ứng sẽ được thực thi mỗi khi state color thay đổi:

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

Bây giờ hãy thêm một nút để thay đổi màu sắc vào component của chúng ta:

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

Cũng thêm một hàm xử lý sự kiện click, sẽ thay đổi màu sắc của chúng ta thành màu cam:

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

Cho một state chứa tên người dùng. Hãy làm sao để mỗi lần tên thay đổi, giá trị của state được ghi vào bộ nhớ cục bộ của trình duyệt.