/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

1 vote107 views1 answer
Styled components conditional hover
TypeScript
2 votes107 views1 answer
Python remove folder recursively
TypeScript
0 vote113 views1 answer
PYTHON STACK FUNCTION count the valid number of brackets Returns the total number of valid brackets in the string
TypeScript
2 votes107 views1 answer
Typescript loop over map with value as array
TypeScript
0 vote98 views1 answer
Disable pdf download button in iframe in angular 10
TypeScript
0 vote96 views1 answer
Java sort arraylist of objects by field descending
TypeScript
1 vote109 views1 answer
How to init tscondif
TypeScript
0 vote108 views1 answer
Typescript object destructuring
TypeScript
4 votes104 views1 answer
Map vs for each
TypeScript
0 vote104 views2 answers
Qml tableview dynamic
TypeScript