დამოკიდებულებები useEffect-ში React-ში

ახლა კი ღილაკის დაჭერით ფერის შეცვლა გავაკეთოთ. შევქმნათ state color ფერისთვის, მივანიჭოთ მას საწყისი მნიშვნელობა:

App.jsxconst [color, setColor] = useState('green');

ჩავანაცვლოთ სტრიქონული მნიშვნელობა ჩვენს state-ით useEffect-ში და არ დაგვავიწყდეს მისი დამატება დამოკიდებულებების სიაში კვადრატულ ფრჩხილებში. ახლა ეფექტი შესრულდება ყოველ ჯერზე როდესაც state color შეიცვლება:

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

ახლა დავამატოთ ღილაკი ფერის შესაცვლელად ჩვენს კომპონენტში:

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

დავამატოთ ასევე ფუნქცია კლიკის დამმუშავებელი, რომელიც შეცვლის ჩვენს ფერს ნარინჯისფერზე:

App.jsxfunction changeColor() {
  setColor('orange');
}