Ich bin neu bei ReactJS und erstelle eine einfache TODO-Anwendung darin. Eigentlich ist es eine sehr einfache App ohne Datenbankverbindung, Aufgaben werden in einem Array gespeichert. Ich habe die Funktion Bearbeiten und Löschen hinzugefügt. Jetzt möchte ich die Seitennummerierung hinzufügen. Wie implementiere ich es? Jede Hilfe wird geschätzt. Danke ... !!
Ich habe kürzlich die Paginierung in reinem React JS implementiert. Hier ist eine funktionierende Demo: Ссылка
Sie müssten natürlich die Logik und die Art und Weise, wie Seitenzahlen angezeigt werden, so anpassen, dass sie Ihren Anforderungen entspricht.
Vollständiger Code:
%Vor%Ich habe kürzlich diese Paginierungskomponente erstellt, die die Seitenlogik wie die Suchergebnisse von Google implementiert:
%Vor%Und hier ist eine Beispiel-App-Komponente, die die Paginierungskomponente verwendet, um eine Liste von 150 Beispielelementen zu paginieren:
%Vor%Weitere Einzelheiten und eine Live-Demo finden Sie dieser Beitrag
Ich habe vor kurzem eine Bibliothek erstellt, die hilft, Fälle von Seitenumbrüchen wie:
zu bewältigenQuellcode finden Sie auf Github
Ich habe versucht, das einfache Paginierungsbeispiel von piotr-berebecki nachzubilden, das großartig war. Wenn jedoch viele Seiten vorhanden sind, wird die Seitennummerierung auf dem Bildschirm überlaufen. Also habe ich die vorherige und die Zurück-Taste zusammen mit der Vorwärts- und Rückwärts-Taste benutzt, um zwischen den Seiten hin und her zu streamen. Und für Design-Teil habe ich Bootstrap 3 verwendet.
Sie können keine der Seiten so anpassen, dass sie in Paginierung mit den seitengebundenen Werten angezeigt werden. Stellen Sie sicher, dass Sie denselben Wert für "upperPageBound" und "pageBound" verwenden.
%Vor%Arbeitsdemo-Link: Ссылка
Ich habe eine Komponente nur zum Zweck der Paginierung veröffentlicht. Hier ist es .
%Vor%Tags und Links reactjs pagination
