En ny React-feature (fra versjon 16.8)
Lar deg ha tilstand og sideeffekter i React-komponentene dine
De mest vanlige hooksene er:
useState
useEffect
NB! Hooks må brukes på toppnivå (ikke i løkker, if-setninger eller nøstede funksjoner)
useReducer
useCallback
useMemo
useRef
useImperativeHandle
useLayoutEffect
useDebugValue
Dere kan også lage egne Hooks – Custom Hooks – som samler flere Hooks.
Brukes til tilstandslogikk
Toggle tilstand
Populere en liste
useEffect(() => { document.title = `You clicked ${count} times`; }, []);
Trigging av effekter kan utelates.
ℹ️
Denne effekten trigges kun ved første render
useEffect(() => { document.title = `You clicked ${count} times`; }, [count]);
Denne effekten trigges kun når count endrer seg.
By Markus Rauhut
Dette er en intro til React Hooks