/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 vote181 views1 answer
Using method parameters in a guard nestjs
TypeScript
0 vote203 views4 answers
Typescript hello world
TypeScript
1 vote215 views1 answer
COPY FROM instructs the PostgreSQL server process to read a file. You may want a client-side facility such as psql's \copy.
TypeScript
-6 votes190 views4 answers
Could not find a declaration file for module 'react'
TypeScript
0 vote197 views1 answer
Typescript foreach object ts(7053)
TypeScript
0 vote187 views1 answer
Difference between statistical learning and machine learning
TypeScript
2 votes179 views2 answers
Lua operators
TypeScript
0 vote184 views1 answer
2 decimal points react native
TypeScript
1 vote226 views1 answer
Conditional (click) action angular
TypeScript
-1 vote285 views1 answer
Error NG6002: Appears in the NgModule.imports of AppModule, but itself has errors in angular
TypeScript