/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 vote306 views1 answer
Output requirements conda
TypeScript
6 votes264 views1 answer
File C:\Users\SHUBHAM KUNWAR\AppData\Roaming\npm\nodemon.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
0 vote267 views4 answers
Symfony\Component\Debug\Exception\FatalThrowableError Type error: ReflectionFunction::__construct() expects parameter 1 to be string, array given
TypeScript
0 vote388 views2 answers
Typescript cannot find namespace
TypeScript
-1 vote240 views2 answers
Jquery in angular
TypeScript
0 vote283 views1 answer
Angular/RxJs When should I unsubscribe from `Subscription`
TypeScript
0 vote282 views1 answer
Type 'void' is not assignable to type '((this: GlobalEventHandlers, ev: MouseEvent) => any) | null'
TypeScript
0 vote293 views1 answer
R merge lists override
TypeScript
0 vote261 views1 answer
Typescript generic record
TypeScript
0 vote342 views1 answer
Add header in angular
TypeScript