Zavisnosti u useEffect-u u React-u
Sada hajde da menjamo boju pritiskom na
dugme. Napravićemo stanje color za boju,
dajući mu početnu vrednost:
const [color, setColor] = useState('green');
Zamenićemo vrednost niske našim stanjem
u useEffect i nećemo zaboraviti da ga dodamo
u listu zavisnosti u uglastim zagradama.
Sada će se efekat izvršavati svaki
put kada se stanje color promeni:
function App() {
useEffect(() => {
document.body.style.backgroundColor = color;
}, [color]);
...
}
Hajde sada da dodamo dugme za promenu boje u našu komponentu:
return (
<div>
<h1>React App</h1>
<button onClick={changeColor}>change</button>
</div>
);
Dodajmo i funkciju rukovaoca klika, koja će da menja našu boju u narandžastu:
function changeColor() {
setColor('orange');
}
Dat je stanje sa imenom korisnika. Uredite tako da svaki put kada se ime promeni, vrednost stanja bude upisana u lokalno skladište pregledača.
