/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 vote291 views1 answer
Sts is not opening in mac
TypeScript
12 votes378 views5 answers
Font awesome angular
TypeScript
6 votes334 views6 answers
Remove special characters from string javascript
TypeScript
0 vote317 views1 answer
Activate jquery in typescript
TypeScript
0 vote299 views1 answer
Using es6 set in typescript
TypeScript
-1 vote318 views2 answers
Activate router angular
TypeScript
1 vote358 views1 answer
Regex ts
TypeScript
0 vote321 views1 answer
While converting HTML 4 elements to HTML 5 semantic elements, <div class="post"> will be converted into
TypeScript
0 vote343 views1 answer
How to update firebase document field angular
TypeScript
2 votes351 views1 answer
Typescript inner class
TypeScript