/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 vote193 views1 answer
Communication between components in angular
TypeScript
2 votes180 views1 answer
Google reference static
TypeScript
11 votes279 views4 answers
If a class exists jquery
TypeScript
0 vote282 views1 answer
Add header in angular
TypeScript
1 vote190 views2 answers
Types function typescript
TypeScript
0 vote199 views1 answer
Across tab localstorage
TypeScript
1 vote187 views1 answer
Adding paragraphs with foreach in angular docx.js
TypeScript
0 vote183 views1 answer
Convert given seconds to space age on all planets of our solar system
TypeScript
0 vote230 views1 answer
Typescript not supporting scss
TypeScript
-1 vote200 views1 answer
Typescript enum value to enum
TypeScript