Не работает пагинация в js, так как я не знаю, какой параметр нужно передать - PullRequest
Новая
       12

Не работает пагинация в js, так как я не знаю, какой параметр нужно передать

0 голосов
/ 29 января 2020

Привет, я пытаюсь реализовать нумерацию страниц с Bootstrap. Я в основном вызываю API для получения данных из бэкэнда - await API.get ("category? Offset =" + pno).

Теперь я передаю его из раздела кода Pagination: 

    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>
    );

Но этот кусок кода не работает. Может кто-нибудь сказать мне, что я должен передать в параметрах, чтобы я назвал правильный номер страницы.

1 Ответ

0 голосов
/ 29 января 2020

Передайте номер страницы, данные которой вы хотите получить из серверной части 

() => 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
...