/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 vote226 views1 answer
Typescript file cannot find module vue
TypeScript
1 vote206 views1 answer
Ts playground download
TypeScript
0 vote256 views1 answer
Array.join typescript
TypeScript
0 vote200 views1 answer
Typescript reduce filter examples
TypeScript
0 vote204 views1 answer
How does a consumer commit offsets in Kafka? it directly commit the offset in Zookeeper it directly send a message to the __consumer_offset it interact with the Group coordinator None
TypeScript
0 vote194 views1 answer
Real time charts in flutter
TypeScript
15 votes214 views2 answers
Python get file contents as string
TypeScript
0 vote283 views1 answer
Laravel validation check if email exists forget password
TypeScript
0 vote200 views1 answer
Using es6 set in typescript
TypeScript
-1 vote188 views1 answer
Regex remove brackets and contents
TypeScript