/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

-1 vote181 views3 answers
Merge two arrays of objects lodash
TypeScript
192 votes405 views27 answers
Reduce javascript
TypeScript
0 vote154 views1 answer
Create 2 set A and B of size n1 and n2 . Print sets A and B.
TypeScript
0 vote161 views1 answer
TypeError: autodiscover_tasks() takes at least 2 arguments (1 given) celery
TypeScript
0 vote176 views1 answer
How to send data between components in react using link
TypeScript
5 votes166 views4 answers
Element implicitly has an 'any' type because expression of type 'string' can't be used to index type
TypeScript
9 votes173 views2 answers
React onclick typescript type
TypeScript
0 vote177 views1 answer
When to choose automation over manual testing
TypeScript
0 vote166 views1 answer
Import fonts from angular.json file
TypeScript
0 vote159 views1 answer
Module svg typescript
TypeScript