Kategorien
Allgemein React

useState und useEffect

Zusammenfassung

  • useEffect initial : useEffect(…, [] )
  • lazy State: setState( () => {} … )
  • Das setState bspw. setData wird synchron einmalig aufgerufen
  • useEffect wird asynchron einmalig aufgerufen
  • im useEffect Fall muss mit nicht vorhandenen Daten umgegangen werden können, da erst nach dem rendenr useEffect aufgerufen wird
    • nach dem rendern wird useEffect aufgerufen, hat Daten verfügbar
    • über Seiteneffekt wird Komponente neu gerendert, wenn useState Änderung bemerkt
const [data, setData] = useState();

useEffect( ()=> {
      setData( {...data})
});