/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

5 votes280 views2 answers
Javascript float element right
TypeScript
5 votes317 views2 answers
Copy array typescript
TypeScript
0 vote282 views1 answer
Facts about cleopatra
TypeScript
5 votes299 views2 answers
Array.prototype.map() expects a return value from arrow function array-callback-return react
TypeScript
0 vote306 views2 answers
To move a directory with its contents in terminal in linux
TypeScript
3 votes287 views3 answers
How to get value from autocomplete material ui
TypeScript
1 vote309 views2 answers
Multiple scatter plots in python
TypeScript
1 vote286 views1 answer
How to make a class that takes no arguments in python
TypeScript
1 vote284 views1 answer
Nuxt "AxiosRequestConfig"
TypeScript
5 votes286 views3 answers
Typescript with nodemon
TypeScript