Paginate.js

setCurrentClickedNumber = e => {
    const { target } = e;
    this.setState({
      currentClickedNumber: parseInt(target.innerText)
    });
  };

  moveToLastPage = () => {
    this.setState({
      currentClickedNumber: this.state.totalPages,
      currentClickedPage: this.state.totalPages
    });
  };

  moveToFirstPage = () => {
    this.setState({
      currentClickedNumber: 1,
      currentClickedPage: 1
    });
  };

  moveOnePageForward = () => {
    const { dataStartingIndex, totalPages } = this.state;

    if (dataStartingIndex) {
      this.setState({
        dataStartingIndex: null,
        currentClickedNumber: 2
      });
    } else {
      this.setState({
        currentClickedNumber:
          this.state.currentClickedNumber + 1 > totalPages
            ? totalPages
            : this.state.currentClickedNumber + 1
      });
    }
  };

  moveOnePageBackward = () => {
    this.setState({
      currentClickedNumber:
        this.state.currentClickedNumber - 1 < 1
          ? 1
          : this.state.currentClickedNumber - 1
    });
  };