/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

4 votes139 views2 answers
Unity rigidbody constraints unfreeze
TypeScript
0 vote134 views1 answer
Startswith multiple arguments python
TypeScript
1 vote150 views1 answer
Iterate object ngfor
TypeScript
0 vote145 views1 answer
How to send attachments to node mailer file not found
TypeScript
0 vote132 views1 answer
Copy the first two array elements to the last two array elements
TypeScript
0 vote139 views1 answer
2. Write a program to draw this. Assume the innermost square is 20 units per side, and each successive square is 20 units bigger, per side, than the one inside it.
TypeScript
1 vote146 views1 answer
How to show contents of a file in linux
TypeScript
0 vote139 views1 answer
Error: running homebrew as root is extremely dangerous and no longer supported. as homebrew does not drop privileges on installation you would be giving all build scripts full access to your system.
TypeScript
0 vote145 views1 answer
How to use array pop in typescript
TypeScript
2 votes157 views1 answer
Prettier not working with tsx
TypeScript