/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

0 vote348 views1 answer
Stripe create customer
TypeScript
2 votes337 views3 answers
Jquery don't empty specific form field after submit
TypeScript
0 vote307 views1 answer
Flutter swiper page indicator
TypeScript
0 vote323 views1 answer
In what phaseof meiosisof prophase1 homologous chrosomes gets close to each other
TypeScript
0 vote337 views1 answer
Haproxy stats config
TypeScript
17 votes313 views3 answers
Js null ==
TypeScript
1 vote321 views1 answer
Promise.all does not wait
TypeScript
7 votes323 views4 answers
Array in typescript
TypeScript
1 vote356 views1 answer
Can't bind to 'mat-dialog-close' since it isn't a known property of 'button'
TypeScript
1 vote388 views1 answer
Google sheets concatenate 3 values
TypeScript