/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

5 votes206 views3 answers
Jquery id that starts with
TypeScript
0 vote185 views2 answers
Typescript omit
TypeScript
0 vote203 views1 answer
Run an applescript
TypeScript
1 vote190 views1 answer
React link state
TypeScript
0 vote196 views1 answer
How to execute more commands scripts package.json
TypeScript
4 votes205 views3 answers
Cors npm typescript
TypeScript
0 vote216 views3 answers
Spade operator typescript
TypeScript
7 votes182 views5 answers
How to multiply two lists in python
TypeScript
0 vote239 views1 answer
Coding and testing is done in following manner
TypeScript
0 vote184 views1 answer
Swift charts highlight color
TypeScript