/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

1 vote161 views1 answer
Angular change how date looks
TypeScript
0 vote164 views1 answer
Bitwarden CLI Cheatsheet
TypeScript
0 vote167 views1 answer
How to use indexOf in typesript
TypeScript
1 vote198 views1 answer
Activate virtualenv scripts
TypeScript
0 vote169 views1 answer
Stripe create customer
TypeScript
0 vote147 views1 answer
Filename requests python
TypeScript
192 votes286 views27 answers
Reduce javascript
TypeScript
1 vote175 views2 answers
Typescript list concat
TypeScript
0 vote121 views1 answer
Convert number to decimal in react typescript
TypeScript
0 vote174 views2 answers
Rails precompile assets production
TypeScript