/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 vote328 views1 answer
Replace all br tags within node with paragraph opening and closing tags
TypeScript
0 vote188 views1 answer
Show scroll only when overflow
TypeScript
0 vote241 views1 answer
How to pass data to another page in ionic 3
TypeScript
0 vote162 views1 answer
Wifi disconnects frequently when downloading
TypeScript
2 votes177 views2 answers
Typeorm find orderby
TypeScript
1 vote190 views1 answer
Type 'CameraOriginal' is not assignable to type 'Provider'.
TypeScript
0 vote183 views1 answer
Loop localstorage
TypeScript
0 vote183 views1 answer
Democrats are pussies
TypeScript
0 vote185 views1 answer
Rest api django return value if exists in another table
TypeScript
0 vote243 views1 answer
Marine traffic embeeded map in basic html
TypeScript