React-daky useEffect efekt gogany

Effektler bilen işlemek üçin useEffect gogany ulanylýar. Geliň onuň işini göreliň.

Ilki bilen goganymyzy import edeliň:

App.jsximport { useEffect } from 'react';

App komponentini dörediň, ol at ýazylyşyny öz içine almaly:

App.jsxfunction App() {
  return (
    <div>
      <h1>React App</h1>
    </div>
  );
}

export default App;

Biz gurnama işinden soň belli bir hereketi etmeli bolduk diýeliň, mysal üçin, sahypanyň ähli arka plan reňkini kesgitlemeli. Bu ýagdaýda daşky ulgam brauzeriň DOM-y bolup biler.

Goganymyzy ulanyň:

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

Ikkinji parametrde baglylyklar sanawy berlýär. Ona komponentiň funksiýalary tarapyndan ulanylýan bahalar girýär. Häzirlikçe biz ony boş goýduk. Bu ýagdaýda reňk ýaşyl edilip gurnama işinden soň diňe bir gezek kesgitlenýär. Ikkinji parametri doly aýyrmak bolmaýar, sebäbi komponentiňiz çyksyz aýlawly ýagdaýa düşüp biler.