分页在React js中不起作用，因为我不知道应该传递哪个参数

Question

[嗨，我正在尝试从Bootstrap实现分页。我基本上是在调用API从后端获取数据-等待API.get（“ categories？offset =” + pno）。

现在我从代码的分页部分传递它：

    let activePage = this.state.pdata.currPage;

    let items = [];

    let totalPages = Math.ceil(this.state.pdata.totalCount / 10);

    for (let number = 1; number <= totalPages; number++) {

      console.log(items);

      items.push(
        <Pagination.Item key={number} active={number == activePage}>
          {number}
        </Pagination.Item>
      );


    }

    const paginationBasic = (
      <div>
        <Pagination onClick={() => this.fetchCategoriesAPI(key)}>
        <Pagination.Prev />
          {items}
          <Pagination.Next />
        </Pagination>
        <br />
      </div>
    );

但是这部分代码无法正常工作。有人可以告诉我应该输入什么参数，以便我调用正确的页码。

Answer 1

通过页码您要从后端检索哪些数据

() => this.fetchCategoriesAPI(pass your page numver here)} //you need to pass here page number here :  

解决方法是

      define pageNumber as state 

      then create two function 
       1.  nextFun which increment you pageNumber + 1 then set to state and 
       2.  prevFun which pageNumber - 1  then set to state

       you need to call your fetchCategoriesAPI function when your page number is going to change