/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 vote165 views1 answer
Update object in array in ngxrx store in angular
TypeScript
0 vote166 views1 answer
Google sheets countif two conditions
TypeScript
5 votes174 views2 answers
Formgroup check if valid
TypeScript
0 vote158 views1 answer
Laravel validation exists match with nother column
TypeScript
0 vote164 views1 answer
In grunt cannot be loaded because running scripts is disabled on this system
TypeScript
0 vote172 views1 answer
Products = product.object.all() python
TypeScript
2 votes157 views1 answer
UseStae with array of strings typescript
TypeScript
-1 vote177 views1 answer
Enter into postgresql database AS
TypeScript
5 votes165 views3 answers
Simbu type1
TypeScript
0 vote160 views1 answer
Explode() expects parameter 2 to be string, array given
TypeScript