/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 vote209 views1 answer
Nestjs get request header in guard
TypeScript
0 vote219 views1 answer
Directory. Relative imports outside of src/ are not supported.
TypeScript
0 vote212 views1 answer
Template matching several bounding boxes outputted need only one
TypeScript
0 vote204 views1 answer
Automation strategy of manual test cases
TypeScript
0 vote209 views1 answer
Reports for market research
TypeScript
0 vote223 views1 answer
Typescript for vue
TypeScript
0 vote224 views1 answer
How to separate elements in list python
TypeScript
0 vote206 views1 answer
Call appply bind
TypeScript
1 vote214 views1 answer
ERROR in ngcc is already running at process with id 8108. If you are running multiple builds in parallel then you should pre-process your node_modules via the command line ngcc tool before starting the builds;
TypeScript
3 votes204 views1 answer
How to make s3 bucet objects publicj
TypeScript