React-pdf: Alle Seiten gleichzeitig anzeigen

Hallo @wojtekmaj , Gemeinschaft,

Vielen Dank für den Aufbau und die Pflege dieser Bibliothek!

Während der Verwendung des Moduls bin ich auf eine Benutzeroberfläche gestoßen, in der ich alle Seiten des PDFs scrollbar anzeigen muss. Momentan mache ich Folgendes:

1. Erstellen Sie ein verstecktes Div, laden Sie die erste Seite und speichern Sie die Gesamtzahl der anzuzeigenden Seiten.
2. Ordnen Sie von [1...this.state.totalPages] und rendern Sie <ReactPDF ... /> mit der entsprechenden Seitenzahl.

So sieht der Kartencode aus:

{(Array.from({length: this.state.totalPages}, (v, k) => k+1)).map((i) => {
              console.log(i)
              return (
                <div className='w-100 center tc mt3' key={i}>
                  <ReactPDF
                    width={screen.width*0.6}
                    file={'http://localhost:5000/assets/dance.pdf'}
                    pageIndex={i}
                    loading={this.renderLoader()}
                  />
                </div>
              );
            })}

Dies funktioniert, sendet jedoch mehrere Anforderungen (Anzahl der Seiten + 1) an die Ressourcendatei. Dies führt zu schlechten Erfahrungen, da die Ladezeit zu lang ist.

Gibt es dafür eine sauberere Lösung?

Vielen Dank.