useEffect componentDidUpdate

useEffect-componentDidUpdate.js

// Class
componentDidUpdate(prevProps, prevState) {
  console.log('Prev state', prevState); // Before update
  console.log('New state', this.state); // After update 
}

 
// Hooks
useEffect(() => {
 // The big difference here is that useEffect doesn't provide previous state/prop value.
 // There are custom hooks to do that but useEffect doesn't do that out of the box.
  
  console.log('Run this arrow function only when the component is first rendered/mounted and when the `value` changes');
}, [value])