/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 vote249 views1 answer
How to print code snippets wordpress
TypeScript
0 vote249 views1 answer
Pass data through router angular
TypeScript
0 vote257 views1 answer
Login page react native
TypeScript
18 votes270 views3 answers
Typescript sort array of objects
TypeScript
0 vote270 views3 answers
Typescript optional parameters
TypeScript
0 vote269 views2 answers
Minikube arguments --cpus
TypeScript
1 vote278 views1 answer
How to use mutliple layouts in recyclerview
TypeScript
0 vote301 views1 answer
Install material ui typescript
TypeScript
0 vote254 views1 answer
Testing in different environments
TypeScript
1 vote287 views1 answer
Angular change how date looks
TypeScript