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})
});