/TypeScript/React functional components setstate callback

React functional components setstate callback

const [state, setState] = useState({ name: "Michael" })
const isFirstRender = useRef(true)

useEffect(() => {
  if (!isFirstRender.current) {
    console.log(state) // do something after state has updated
  }
}, [state])

useEffect(() => { 
  isFirstRender.current = false // toggle flag after first render/mounting
}, [])

Source: stackoverflow.com

Similar codes

2 votes149 views10 answers
Javascript
TypeScript
37 votes186 views3 answers
Angular date pipe 24 hour format
TypeScript
0 vote162 views2 answers
Can subclass method infere exceptions of its superclass method
TypeScript
-1 vote146 views1 answer
Importhtml google sheets multiple tables
TypeScript
0 vote139 views1 answer
Check if all array elements match closure swift
TypeScript
0 vote142 views1 answer
How to check if something exists roblox
TypeScript
0 vote159 views1 answer
Stripe create customer
TypeScript
0 vote144 views1 answer
Best way to round to two typescript
TypeScript
0 vote148 views1 answer
Array elements double next to each other
TypeScript
1 vote110 views1 answer
Why is a tree set sorted
TypeScript