Check for updated props / states within ComponentDidUpdate lifecycle

ReactCheckUpdatedPropsOrStates.js

componentDidUpdate(prevProps, prevState) {
	// Get updated props
	for (const index in prevProps) {
		if (prevProps[index] !== this.props[index]) {
			console.log(index, prevProps[index], "-->", this.props[index]);
		}
	}
  
	// Get updated states
	for (const index in prevState) {
		if (prevState[index] !== this.state[index]) {
			console.log(index, prevState[index], "-->", this.state[index]);
		}
	}
}