/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 vote321 views1 answer
Custom events in unity c#
TypeScript
0 vote306 views1 answer
After effects how to parent only one property
TypeScript
0 vote320 views1 answer
Argument of type '{ query: string; }' is not assignable to parameter of type 'AxiosRequestConfig'.
TypeScript
-1 vote277 views1 answer
Typescript array count
TypeScript
1 vote334 views1 answer
Property 'result' does not exist on type 'EventTarget'
TypeScript
0 vote335 views1 answer
The derived ungapped alignments are calleed
TypeScript
0 vote298 views1 answer
Email validation in typescript
TypeScript
0 vote326 views1 answer
Xargs / parallel
TypeScript
0 vote284 views1 answer
Cave Generator
TypeScript
2 votes291 views1 answer
How long does it take to learn typescript
TypeScript