react-paginate (https://github.com/AdeleD/react-paginate) example

react-paginate-example.jsx

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      currentPage: 0,
      pageCount: 10,
    }
  }

  handlePageClick = (data) => {
    this.setState({currentPage: data.selected});
  };
  
  handleOnClickButton = (goTo) => {
    this.setState({
      currentPage: goTo,
    });
  }

  render() {
    return (
      <div>
        <button onClick={()=>{this.handleOnClickButton(0)}}>Go to Page 1</button>
        <button onClick={()=>{this.handleOnClickButton(1)}}>Go to Page 2</button>
        <ReactPaginate
                        pageCount={this.state.pageCount}
                        pageRangeDisplayed={5}
                        marginPagesDisplayed={2}
                        onPageChange={this.handlePageClick}
                        forcePage={this.state.currentPage}
                        previousLabel={"previous"}
                        nextLabel={"next"}
                        breakLabel={<a href="">...</a>}
                        breakClassName={"break-me"}
                        containerClassName={"pagination"}
                        subContainerClassName={"pages pagination"}
                        activeClassName={"active"}/>
      </div>);
  }
}