/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 vote307 views1 answer
Local storage in angaulr
TypeScript
0 vote279 views1 answer
How can I create an array with a range of decimal increments in SwiftUI ?
TypeScript
0 vote284 views1 answer
Regular expression starts and ends with same symbol
TypeScript
0 vote306 views1 answer
Open rails secrets file
TypeScript
2 votes297 views1 answer
Google reference static
TypeScript
16 votes300 views1 answer
Looping through two lists python
TypeScript
1 vote291 views2 answers
Replying to tweets api tweepy
TypeScript
1 vote294 views1 answer
Type annotations can only be used in TypeScript files.
TypeScript
0 vote334 views2 answers
Angular 9 : Error NG2003: No suitable injection token for parameter 'url' of class 'DataService'. Found string
TypeScript
1 vote283 views1 answer
Set image on server with changing
TypeScript