React-daky useEffect hokunda baglylyklar

Indi basylyş düwmesi bilen reňki üýtgederis. Reňk üçin color ýagdaýyny (state) döredip, ona başlangyç bahany bereliň:

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

useEffect içindäki setir bahasyny ýagdaýymyz bilen çalyşalyň we ony kwadrat ýaýyş içindäki baglylyklar sanawyna goşmagy ýatdan çykarmaly däl. Indi efekt color ýagdaýy her üýtgende işleýär:

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

Indi komponentimize reňk üýtgetmek üçin basylyş düwmesini goşalyň:

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

Şeýle hem, reňkimizi mämişi reňke üýtgetjek klik işleýjisi funksiýasyny goşalyň:

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

Ulanyjy ady bilen ýagdaý berlen. Adyň her üýtgemegi bilen, ýagdaýyň bahasy brauzeriň ýerli ammaryna ýazylyp durmalydygyna üpjün ediň.