2016-10-26 2 views
0

Ich verwende React mit react-router v4 zum Routing in einer SPA-App.React Routing und Zurück-Taste neu laden

Wenn Benutzer innerhalb einer Listenseite auf ein Element tippen, navigieren wir zur Detail-URL, die die Detailkomponente darstellt.

Wenn ich hier zurückklicke, wechsle ich die Übergänge zur Listenseite, aber die Listenseite selbst wird neu geladen. So ist seine Scroll-Position, Auswahl eines Gegenstandes (der die Detailseite geöffnet hat) verloren.

Ich habe mich bemüht, darüber nachzudenken, wie ich dieses Problem angehen kann. Eine Art, wie ich dachte, ist, alle Seiten so zu erstellen, dass sie als Modell übereinander liegen, so dass der Basiskontext immer vorhanden ist und wenn der Benutzer zurück navigiert, kann ich anfangen, die Modals zu schließen, die die vorherige Seite in ihrem genauen Zustand zeigen.

Nicht sicher, ob das ein richtiger Ansatz ist.

Antwort