[React useful snippets] Some useful React snippets #react

log-changed-prop-or-state.js

class Demo extends React.Component {
  componentDidUpdate(prevProps, prevState) {
    for (const i in this.props) {
      if (this.props[i] !== prevProps[i]) {
        console.log(`prop ${i} changed from ${prevProps[i]} to ${this.props[i]}`);
      }
    }

    for (const i in this.state) {
      if (this.state[i] !== prevState[i]) {
        console.log(`state ${i} changed from ${prevState[i]} to ${this.state[i]}`);
      }
    }
  }
}