/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 vote280 views1 answer
How to clear all products woocommerce keep category
TypeScript
1 vote272 views1 answer
Input elements should have autocomplete attributes (suggested: "current-password")
TypeScript
0 vote311 views1 answer
What are the used of curly brackets in react functions
TypeScript
0 vote271 views1 answer
Piechart am4charts legend with actual values
TypeScript
0 vote289 views1 answer
How to check if something exists roblox
TypeScript
1 vote274 views1 answer
Ng : File C:\Users\Sriram\AppData\Roaming\npm\ng.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 vote269 views1 answer
Eslint typescript vite not showing lint on code
TypeScript
0 vote283 views1 answer
Subscription' is deprecated
TypeScript
5 votes255 views2 answers
Response.json results in pretty data python
TypeScript
65 votes485 views5 answers
Length of an object
TypeScript