/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 vote115 views1 answer
Targe id that starts with
TypeScript
0 vote112 views3 answers
Typescript optional parameters
TypeScript
0 vote103 views1 answer
React hooks typescript function return and receive
TypeScript
0 vote112 views1 answer
Angular 12 model class
TypeScript
5 votes129 views2 answers
Copy array typescript
TypeScript
0 vote104 views2 answers
Defining component layout next ts
TypeScript
0 vote108 views1 answer
What is hello world in typescript
TypeScript
0 vote101 views1 answer
How to know if window exists in nodejs
TypeScript
0 vote107 views1 answer
Rails flags for tests assets and helpers
TypeScript
0 vote105 views1 answer
Material-ui icon npm
TypeScript