Wie ein Facebook-Fotovorbetrachtung Stil tun Reagieren mit + React-Router

Question

ich wan't etwas ähnliches zu tun, was Facebook tut, wenn Fotos auf Ihrem News-Feed, Beispiel zeigt:

Wenn ich mich auf meinen Nachrichten füttern, wenn ich auf ein Foto klicke, öffnet es ein Modal und ändert die URL, aber der Back-Inhalt bleibt gleich, wenn ich das Modal schließen möchte.

Falls ich diese URL an jemand anderen sende, zeigt sie eine andere Seite für das Foto, ohne die Nachrichten im Hintergrund.

Grundsätzlich, wenn ich auf den Link-Button klicke, möchte ich meine Daten über dem zeigen, was der Benutzer sieht (und die URL ändern), falls er den Bildschirm aktualisiert, möchte ich ihn anzeigen eine andere Art, wie eine spezielle Seite für diese Daten.

Haben Sie Ideen, wie Sie dies mit react + react-router tun können?

Danke!

Answer 1

Sie können die Pinterest example im Reagieren Router Repo überprüfen. Es macht im Grunde genau das, was du bist asking for. Zwei verschiedene Ansichten, abhängig vom Router-Status/wie der Benutzer auf die Seite gelangt ist.

Sie können den Repeater-Router Repo ziehen und these instructions folgen, wenn Sie das Beispiel lokal sehen möchten. Ich konnte die Beispiele nirgendwo online finden.