React Router - Wie erreicht man eine tabulatorähnliche Navigation?

Ich bin neu in React und entwickle meine erste Anwendung mit React. Meine Anwendung hatte eine Registerkartenkomponente mit 4 Registerkarten, und der Inhalt jeder Registerkarte wurde als separate Komponente eingerichtet. Jetzt ersetze ich die Registerkarte durch 4 verschiedene Routen. Also habe ich die Registerkarte losgeworden und mit dem React-Router 4 Routen eingerichtet, eine für jede der 4 Komponenten.

Mit Registerkarten behält der Inhalt einer Registerkarte seinen Status bei, wenn Sie zu einer anderen Registerkarte navigieren und zurückkehren. Angenommen, die Registerkarte enthält eine Liste, und der Benutzer hat einen Bildlauf zum Ende der Liste durchgeführt. Wenn der Benutzer zu einer anderen Registerkarte navigiert und zurückkehrt, wird die Liste weiterhin nach unten verschoben. Dies ist das gewünschte Verhalten für meine Anwendung.

Ich kann dieses Verhalten jedoch nicht mit Routen erreichen. Ich habe festgestellt, dass beim Navigieren von einer Route zur anderen die Komponenten neu instanziiert (nicht nur neu gerendert) werden. Ich kann das sagen, weil der Konstruktor der Komponente jedes Mal aufgerufen wird, wenn die Route für die Komponente aktiv wird.

Ich möchte das tab-ähnliche Verhalten erreichen. Ich weiß, dass es für Angular eine UI-Router-Extras-Bibliothek gibt, die Deep State Redirect (für tabulatorähnliche Navigation) bietet. Es funktioniert wirklich gut in meinem Angular-Projekt. Aber ich kann keine ähnliche Option für React finden. Ich habe React-Router und React-Router-Komponente ausprobiert und beide instanziieren eine Komponente neu, wenn ihre Route aktiv wird.

Gibt es eine Lösung, um ein tabulatorähnliches Verhalten für die Routen in React zu erzielen?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage