Questions tagged [react-paginate]

23 questions
0
votes
0 answers

How to react-paginate with local data?

I'm learning react and have 1 problem: My list items page: import React from "react"; import carsData from "../../data/CarsData"; import ReactDOM from 'react-dom'; import ReactPaginate from 'react-paginate'; import { CarItem, CarImage, …
nightdeath
  • 45
  • 3
0
votes
1 answer

I am working with the Rick and Morty API , and I am trying to implement React Pagination but I can't seem to get it working

I am working with Rick and Morty API , and I am trying to implement React Pagination. However, I can not seem to render the page numbers on to the website page using React Paginate. I only get the previous and next buttons with page number(1) for…
0
votes
1 answer

components not rendering in react-paginate

I am trying to implement react pagination on local json data, using react-paginate. The buttons are clickable and the css works fine. However, any components after the first page are not being rendered. The entire page (except for the header) goes…
beetroot
  • 1
  • 2
0
votes
0 answers

pagination is broken after filtering -react.js

i using react-paginate for pagination system. my problem, there should be 5 item on each page, but it prints all of them on one page, if there are any number of results. here is before and after search img: and here is my code //here is states: …
zanthez
  • 45
  • 6
0
votes
2 answers

React Paginate: Not able to reset the selected page to 1 on changing the limit of items per page

I am using react paginate for the pagination. While changing the number of items displayed per page, I am not able to change the selected page to 1. After hitting the API, the active page doesn't move to '1' index. I have to click on…
Abhinav
  • 34
  • 2
  • 8
0
votes
1 answer

How to fire when click li element (react-paginate)

guys. Thanks reading this question. I want to fire a page change event when the button created by react-paginate is clicked, but I can't get it to work. If using react-paginate. this create a DOM like below.
  • 1
sho
  • 133
  • 8
0
votes
0 answers

Adding A button before the previousLabel Props and after the nextLabel Props in React-Paginate Not Working

Please I needed to add a button before the previousLabel property details and after the nextLabel prop details in React-Paginate but what I have below is not working. I have also tried to read the documentation and check all the prop details but…
0
votes
0 answers

How to fix react paginate problem by moving from page to another

I set up a logic to create pagination in react using data that I fetched from an endpoint API, which contains 5 objects that I displayed in this UI, Then I created a function pageCount that I implemented into my react paginate component, when I…
David Jay
  • 345
  • 1
  • 2
  • 15
1
2