0
Ohne CSS-Frameworks, was wäre der richtige Ansatz dafür? Ich hatte <ul> im Hinterkopf.ReactJS: Wie zusätzliche Bilder im Raster?
Vielen Dank und wird upvote + die Antwort akzeptieren.
A
Antwort
0
Stellen Sie ein Array der URLs als Prop in Ihrer Komponente bereit.
speichern die Anzahl der Bilder in Rastern lokalen Zustand und initialisiert es mit 1.
in Ihrer Methode Ausgang die aktuelle Zustandsgröße (this.state.imgGridCount) von Bildern machen.
Die Schaltfläche load more sollte eine Funktion aufrufen, die wiederum setState aufruft, um die aktuelle Zahl um 1 zu erhöhen. React sollte jetzt automatisch 8 Bilder (oder 12, wenn zweimal geklickt wird) rendern.
Verwandte Themen
- 1. Unwated zusätzliche Zeile in Telerik hierarchischen Raster
- 2. Leere Fläche über und unter Bilder im Raster
- 3. Bilder im Raster überlappen beim Ändern der Größe des Bildschirms
- 4. Python 2d Raster: Werte zuweisen im Raster
- 5. Raster der Bilder in Matplotlib ohne Padding
- 6. Schaltfläche im Raster hinzufügen
- 7. URL-Schaltfläche im Raster
- 8. ColumnDefinition Position im Raster
- 9. Extjs ComboBox im Raster
- 10. Elemente im Raster anzeigen?
- 11. Hollow Square im Raster
- 12. Javascript/Dom Laden Bilder in Raster
- 13. Rendering lokale Bilder/JavaScript-Schnipsel in reactjs
- 14. CSS: Überlappende Bilder - zeigt zusätzliche transparente Linie
- 15. ReactJS im Entwicklungsmodus
- 16. ReactJS onClick im Listenelement
- 17. kann Eigenschaft von -1 in multidimensionalem ReactJS Raster nicht lesen
- 18. Wie kann ich Bilder in einem Raster auslegen?
- 19. Wie können Bilder im Raster vertikal vergrößert werden, wenn die Browserbreite geändert wird?
- 20. Scrollen von Pivot im Raster
- 21. Wie ASP.NET Raster pdf
- 22. Komponenten im Raster ausrichten: MDL
- 23. Alle Notizen im Raster anzeigen Android Studio
- 24. Dynamisches Laden von Details Raster im Master - Details Raster
- 25. Daten nicht im UI-Raster
- 26. Wählen Sie Artikel im Raster
- 27. dynamische Tasten im Raster ausrichten
- 28. Bildansicht im Raster erstellen QT wie im Explorer
- 29. Drupal: Wie Inline-Bilder in zusätzliche Markup Wrap
- 30. Wie kann ich die zusätzliche Füllung dieser Bilder entfernen?
Stört es dich, ein ungefähres Beispiel dafür zu zeigen? –
Bevor ich die Antwort und die Upvote akzeptiere. Bitte lassen Sie mich wissen, wenn Sie meinen vorherigen Kommentar gesehen haben. –