React: Как выполнить разбивку на страницы в цикле

#javascript #node.js #reactjs #loopback

#javascript #node.js #reactjs #цикл

Вопрос:

Я использую ReactJ S и новичок в ReactJS . Не мог бы кто-нибудь, пожалуйста, помочь мне, как я могу реализовать разбивку на страницы через Loopback API.Я хочу две вещи: первая — показывать ограниченные данные на каждой странице, и на каждой странице данные отображаются по-разному друг от друга.

Ответ №1:

Если я правильно понимаю, это 2 фильтра, которые вы хотите

1) Пропустить

2) Ограничить

В Loopback есть 2 фильтра для разбивки на страницы, один из которых skip означает, сколько записей вы хотите пропустить и limit и сколько записей вы хотите получить после пропущенных записей.

Например:

Вы хотите иметь 10 записей на страницу

Для страницы 1 вы можете использовать этот api

Это позволит получить первые 10 записей

 /cars?filter[limit]=10amp;filter[skip]=0
  

Для страницы 2 вы можете использовать этот api

Это позволит получить записи от 10 до 20

 /cars?filter[limit]=10amp;filter[skip]=10
  

Для каждой страницы вам нужно изменить значение для skip, и вы можете просто вычислить его по

 skip = (page_number-1)*records_per_page
  

Комментарии:

1. На самом деле я новичок в React. Не могли бы вы, пожалуйста, помочь мне создать разбивку на страницы такого типа в React

2. Конечно, пожалуйста, расскажите мне о проблемах, с которыми вы сталкиваетесь