/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

8 votes246 views1 answer
React init ts
TypeScript
0 vote212 views1 answer
Check if drive exists c#
TypeScript
0 vote231 views6 answers
How to find nuber of tweets per day using python
TypeScript
0 vote248 views2 answers
Remove upsell products woocommerce
TypeScript
0 vote311 views1 answer
How to create an unknown amount of objects in c++
TypeScript
0 vote257 views1 answer
Apache poi get all worksheets from file input stream
TypeScript
0 vote228 views1 answer
Running same tests against different browsers
TypeScript
1 vote287 views2 answers
Change execution policy
TypeScript
3 votes240 views1 answer
Checking if a substring exists in a string r
TypeScript
3 votes236 views1 answer
Adonis validator optional
TypeScript