Ich habe meine Komponente "Nachrichten" und ich rufe es mit zwei verschiedenen URLs. Wenn ich auf den ersten Link sage "Nachrichten/1" es wird meine Nachrichten Posteingang geladen und ich habe eine andere URL 'Nachrichten/5/1' für Die Komponente ist die gleiche wie für oben URL.Wenn Seite geladen wurde mit 'Nachrichten/1' URL und wenn ich auf ein Feld klickte, die auf 'Nachrichten/5/1' zeigt. Es ändert die URL in der Kopfzeile, aber es ist nicht die Seite neu laden. Ich möchte meine Komponente immer dann neu laden, wenn es eine andere URL gibt, obwohl sie die gleiche Komponente haben. Gibt es eine Möglichkeit, dies zu tun.können wir dieselbe Komponente mit verschiedenen URLs erneut laden?
Antwort
Sie können die gleiche Komponente unter verschiedenen URLs laden und es sollte alles gut laden. Ändern Sie einfach den Pfad Prop und fügen Sie die gleiche Komponente, die Sie wollen, unter der Komponente prop.
render((
<Router>
<Route path="/" component={App}>
<Route path="about" component={About} />
<Route path="inbox" component={Message}>
<Route path="messages/:id" component={Message} />
</Route>
</Route>
</Router>
), document.body)
edit: Sie können rect-Router-Refresh-Methode
von https://github.com/reactjs/react-router/blob/v0.13.3/modules/createRouter.js#L435-L437 versuchen und verwenden
refresh: function() {
Router.dispatch(location.getCurrentPath(), null);
},
erneut gerendert, da die Seite nicht neu geladen wird. Das kann ich in der Registerkarte Netzwerk sehen. –
reagieren hat eine Refresh-Methode versuchen, dass, ich habe die Antwort bearbeitet –
Wo sollten wir diese Methode anrufen? –
- 1. Wie können wir ein Objekt jederzeit laden?
- 2. Können wir ein Java-Mitglied schmerzlos lazy laden, ähnlich wie wir es mit statischen Singletons können?
- 3. Mehrmals dieselbe Ansicht hinzufügen - Layout erneut verwenden
- 4. Wie können Sie Anzeigen auf verschiedenen URLs schalten?
- 5. Iframe laden Fehler erneut
- 6. Wie man dieselbe Klasse mit zwei verschiedenen Klassenladern lädt
- 7. Können wir Saiku mit Pentaho Analyzer vergleichen?
- 8. Können Sie jedes Mal, wenn Sie mit jQuery auf dieselbe Schaltfläche klicken, eine zufällige Datei laden?
- 9. Können wir EventObject für die Kommunikation zwischen verschiedenen JVMs verwenden?
- 10. Zwischenspeichern von Bildern mit verschiedenen Abfragezeichenfolgen (S3 signierte URLs)
- 11. Wie Sie dieselbe Seite erneut laden, wenn der Benutzer die Zurück-Schaltfläche sendet
- 12. Können wir das Laden von Javascript vom Benutzer verstecken?
- 13. AngularJS UI-Router: Erneut laden
- 14. Wix Komponente mit Dateien in verschiedenen Verzeichnissen
- 15. Können wir grundlegende JavaScript-Funktion in einem Webview laden?
- 16. Wie können wir das unnötige Laden von Objekten reduzieren?
- 17. Programm speichern und erneut laden
- 18. Multi-Tenant-ServiceStack-API, dieselbe Bereitstellung, um auf Anforderungen auf verschiedenen Hostnamen zu antworten?
- 19. Erstellen Sie neue SQLCommands oder verwenden Sie dieselbe erneut
- 20. Können wir 100% Entkopplung erreichen?
- 21. Wie wird dieselbe PropertyInfo mit verschiedenen ReflectedType-Werten verglichen?
- 22. können wir mehrere Proxies in einem Geschäft in Sencha Extjs haben?
- 23. können wir Breite li
- 24. Aufruf setState auf einem reactjs Komponente mit Test utils nicht erneut Rendering Komponente
- 25. Wie man den gleichen Laden mit verschiedenen URLs in extjs verwendet
- 26. Können wir wissen, ob wir mit youtube api streamen?
- 27. Wiederverwendung von react/redux Komponente auf verschiedenen Routen verbunden mit verschiedenen Teil des Staates
- 28. Wir verschlüsseln SSL-Zertifikate für dieselbe Domain, mehrere Instanzen
- 29. Können wir Seitenmetadaten in Tridion mit SiteEdit 2009 bearbeiten?
- 30. mod_rewrite: URLs neu schreiben, um auf dieselbe Anwendung zu zeigen
können Sie Ihren Code teilen? Wenn sich Requisiten ändern, wird die Komponente – Deadfish