/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 vote243 views1 answer
Unity destroy all objects with tag
TypeScript
6 votes277 views1 answer
Check if key is in the js object
TypeScript
2 votes266 views2 answers
Wordpress directory and its permissions
TypeScript
0 vote261 views1 answer
Whats a typedef in c++
TypeScript
0 vote294 views1 answer
Typescript checkbox event
TypeScript
0 vote267 views1 answer
'platformNativeScriptDynamic' is deprecated
TypeScript
0 vote279 views2 answers
Prestashop show all products in category
TypeScript
2 votes246 views1 answer
Google sheets reference cell static
TypeScript
1 vote252 views1 answer
'Missing locale data for the locale "pt-BR".' for pipe 'DatePipe'
TypeScript
1 vote276 views2 answers
No type arguments expected for interface Callback
TypeScript