/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 vote127 views1 answer
Eliminate border white around components angular
TypeScript
0 vote137 views1 answer
"Neutron stars and pulsars are associated with"
TypeScript
6 votes142 views4 answers
Data
TypeScript
0 vote138 views1 answer
Render html tags in typescript
TypeScript
0 vote138 views1 answer
Disable out of stock products shopify
TypeScript
18 votes141 views6 answers
Remove multiple elements from array es6
TypeScript
1 vote163 views1 answer
Passing variable data to laravel component
TypeScript
0 vote154 views1 answer
Tiqets endpoints
TypeScript
2 votes164 views1 answer
Three dots icon flutter
TypeScript
0 vote137 views1 answer
Websockets socketio flask
TypeScript