0
0
JRJose Romero
nexteffectuseEffectβ’β’β’
Next TypeScript recipesuseEffect
accepts a function that contains imperative, possibly effectful code.
Mutations, subscriptions, timers, logging, and other side effects are not allowed inside the main body of a function component (referred to as Reactβs render phase). Doing so will lead to confusing bugs and inconsistencies in the UI.
Instead, use useEffect
. The function passed to useEffect
will run after the render is committed to the screen. Think of effects as an escape hatch from Reactβs purely functional world into the imperative world.
Library: next
Shortcut: next.hook.effect.use
import { useEffect } from "react";
useEffect(() => {
}, [dependencies]);