componentDidUpdate.js

componentDidUpdate(prevProps, prevState) {
	Object.keys(prevProps)
		.filter(key => (prevProps[key] !== this.props[key]))
		.map(key => {
			if (typeof prevProps[key] === 'object' || typeof this.props[key] === 'object') {
				console.log(`changed prop: ${key}`);
				console.log(prevProps[key]);
				console.log(this.props[key]);
			} else {
				console.log(`changed prop: ${key} from ${prevProps[key]} to ${this.props[key]}`);
			}
		});
	Object.keys(prevState)
		.filter(key => (prevState[key] !== this.state[key]))
		.map(key => {
			if (typeof prevState[key] === 'object' || typeof this.state[key] === 'object') {
				console.log(`changed state: ${key}`);
				console.log(prevState[key]);
				console.log(this.state[key]);
			} else {
				console.log(`changed state: ${key} from ${prevState[key]} to ${this.state[key]}`);
			}
		});
}