Lifecycle methods

Paginate.js

  componentDidMount() {
    this.determineNumberOfPages();
  }

  componentDidUpdate(prevProps, prevState) {
    const { data, setData } = this.props;
    const { currentClickedNumber, pageData } = this.state;

    if (data !== prevProps.data) {
      this.determineNumberOfPages();
    }

    if (currentClickedNumber !== prevState.currentClickedNumber) {
      setData(pageData[currentClickedNumber]);
    }
  }