Priklausomybės useEffect hook'e React
Dabar keiskime spalvą paspaudus
mygtuką. Sukurkime būseną color spalvai,
nustatydami pradinę reikšmę:
const [color, setColor] = useState('green');
Pakeiskime eilutės reikšmę mūsų būsenos
reikšme useEffect ir nepamirškime jos pridėti
į priklausomybių sąrašą laužtiniuose skliaustuose.
Dabar efektas bus vykdomas kaskart
pasikeitus būsenos reikšmei color:
function App() {
useEffect(() => {
document.body.style.backgroundColor = color;
}, [color]);
...
}
Dabar pridėkime mygtuką spalvai keisti į mūsų komponentą:
return (
<div>
<h1>React App</h1>
<button onClick={changeColor}>change</button>
</div>
);
Taip pat pridėkime paspaudimo apdorojimo funkciją, kuri pakeis mūsų spalvą į oranžinę:
function changeColor() {
setColor('orange');
}
Duota būsena su vartotojo vardu. Padarykite taip, kad kaskart pakeitus vardą, būsenos reikšmė būtų įrašoma į naršyklės lokalų saugyklą.
