Als «react-router» getaggte Fragen

React Router - Eine vollständige Routing-Bibliothek für React, die vom Ember-Routing-System inspiriert ist

11
Verwendung von Redirect im neuen React-Router-Dom von Reactjs
Ich verwende das React-Router-Modul der letzten Version mit dem Namen React-Router-Dom, das bei der Entwicklung von Webanwendungen mit React zum Standard geworden ist. Ich möchte wissen, wie man nach einer POST-Anfrage eine Umleitung vornimmt. Ich habe diesen Code erstellt, aber nach der Anfrage passiert nichts. Ich überprüfe im Web, aber …
6
React-Router: Keine Route nicht gefunden?
Folgendes berücksichtigen: var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; Ich habe …
129 react-router 
30
In meinem React Project wird "Klasse kann nicht als Funktion aufgerufen werden" angezeigt
Ich versuche, meinem Projekt eine React Map-Komponente hinzuzufügen, aber es tritt ein Fehler auf. Ich verwende den Blog-Beitrag von Fullstack React als Referenz. Ich habe in google_map.js Zeile 83 herausgefunden, wo der Fehler ausgelöst wird: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class …
4
React-Router vs React-Router-Dom, wann den einen oder anderen verwenden?
Beide haben Route, Link usw. Wann soll man das eine oder das andere benutzen? Ich bin wirklich verwirrt, wo ich jeden verwenden soll. Serverseite? Kundenseite? https://reacttraining.com/react-router/ In einigen Beispielen müssen Sie den Verlauf übergeben, in anderen nicht. Was ist zu tun? <Router history={browserHistory}> vs. <Router> Es ist wirklich verwirrend, wann …
21
React-Router gehen eine Seite zurück Wie konfigurieren Sie den Verlauf?
Kann mir bitte jemand sagen, wie ich zur vorherigen Seite zurückkehren kann, anstatt zu einer bestimmten Route? Bei Verwendung dieses Codes: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Erhalten Sie diesen Fehler, goBack …
14
Wie implementiere ich authentifizierte Routen in React Router 4?
Ich habe versucht, authentifizierte Routen zu implementieren, aber festgestellt, dass React Router 4 dies jetzt verhindert: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Der Fehler ist: Warnung: Sie sollten nicht <Route component>und <Route children>auf derselben …
9
So lassen Sie den Webpack-Dev-Server Einstiegspunkte vom React-Router zu
Ich erstelle eine App, die neben dem React-Router auch den Webpack-Dev-Server in der Entwicklung verwendet. Es scheint, dass der Webpack-Dev-Server auf der Annahme basiert, dass Sie einen öffentlichen Einstiegspunkt an einem Ort haben (dh "/"), während der React-Router eine unbegrenzte Anzahl von Einstiegspunkten zulässt. Ich möchte die Vorteile des Webpack-Dev-Servers …
8
Wie aktualisiere ich programmgesteuert Abfrageparameter im React-Router?
Ich kann anscheinend nicht finden, wie Abfrageparameter mit dem React-Router ohne Verwendung aktualisiert werden können <Link/>. hashHistory.push(url)Es scheint keine Abfrageparameter zu registrieren, und es scheint nicht so, als könnten Sie ein Abfrageobjekt oder etwas anderes als zweites Argument übergeben. Wie ändere ich die URL von /shop/Clothes/dressesin /shop/Clothes/dresses?color=bluein React-Router ohne zu …
7
Erkennen, dass Benutzer die Seite mit dem React-Router verlassen
Ich möchte, dass meine ReactJS-App einen Benutzer benachrichtigt, wenn er von einer bestimmten Seite weg navigiert. Insbesondere eine Popup-Nachricht, die ihn / sie daran erinnert, eine Aktion auszuführen: "Änderungen werden gespeichert, aber noch nicht veröffentlicht. Tun Sie das jetzt?" Sollte ich dies react-routerglobal auslösen , oder kann dies innerhalb der …
3
HtmlWebpackPlugin fügt relative Pfaddateien ein, die beim Laden von Nicht-Root-Website-Pfaden unterbrochen werden
Ich verwende Webpack und das HtmlWebpackPlugin, um gebündelte JS und CSS in eine HTML-Vorlagendatei zu injizieren. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Und es erzeugt die folgende HTML-Datei. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Dies funktioniert …
13
React-Router Externer Link
Da ich React-Router verwende, um meine Routen in einer React-App zu verarbeiten, bin ich gespannt, ob es eine Möglichkeit gibt, zu einer externen Ressource umzuleiten. Angenommen, jemand trifft: example.com/privacy-policy Ich möchte, dass es umgeleitet wird zu: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Ich finde genau null Hilfe, um zu vermeiden, dass es in einfachem JS …
9
Abrufen von Abfrageparametern vom React-Router-Hash-Fragment
Ich verwende React und React-Router für meine Anwendung auf der Client-Seite. Ich kann anscheinend nicht herausfinden, wie die folgenden Abfrageparameter von einer URL wie der folgenden abgerufen werden können: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Meine Routen sehen so aus (der Weg ist völlig falsch, wie ich weiß): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> …
7
Mehrere Pfadnamen für dieselbe Komponente in React Router
Ich verwende dieselbe Komponente für drei verschiedene Routen: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Gibt es sowieso zu kombinieren, um zu sein wie: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.