react.dev/examples/update-on-async-rendering/updating-state-from-props-before.js

// Before
class ExampleComponent extends React.Component {
  state = {
    isScrollingDown: false,
  };

  // highlight-range{1-12}
  componentWillReceiveProps(nextProps) {
    if (
      this.props.currentRow !==
      nextProps.currentRow
    ) {
      this.setState({
        isScrollingDown:
          nextProps.currentRow >
          this.props.currentRow,
      });
    }
  }
}