Als «react-router» getaggte Fragen

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

30
Programmgesteuert mit dem React Router navigieren
Mit react-routerkann ich das LinkElement verwenden, um Links zu erstellen, die nativ vom Reaktionsrouter verarbeitet werden. Ich sehe intern, dass es anruft this.context.transitionTo(...). Ich möchte eine Navigation machen. Nicht von einem Link, sondern von einer Dropdown-Auswahl (als Beispiel). Wie kann ich das im Code machen? Was ist this.context? Ich habe …
30
Nicht erfasster Fehler: Invariante Verletzung: Elementtyp ist ungültig: Erwartet eine Zeichenfolge (für integrierte Komponenten) oder eine Klasse / Funktion, hat jedoch: Objekt
Ich erhalte diesen Fehler: Nicht erfasster Fehler: Invariante Verletzung: Elementtyp ist ungültig: Erwartet eine Zeichenfolge (für integrierte Komponenten) oder eine Klasse / Funktion (für zusammengesetzte Komponenten), hat jedoch: Objekt. Das ist mein Code: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var …
27
Reagieren - So erhalten Sie den Parameterwert aus der Abfragezeichenfolge
Wie kann ich eine Route in meiner Datei route.jsx definieren, um den __firebase_request_keyParameterwert von einer URL zu erfassen, die vom Single Sign-On-Prozess von Twitter nach der Umleitung von den Servern generiert wurde? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Ich habe es mit der folgenden :redirectParamRoutenkonfiguration versucht, aber die fängt den genannten Parameter nicht ab: <Router> …
21
Wie kann ich in React Router v4 zum Verlauf wechseln?
In der aktuellen Version von React Router (v3) kann ich eine Serverantwort akzeptieren und verwenden browserHistory.push, um zur entsprechenden Antwortseite zu gelangen. Dies ist jedoch in Version 4 nicht verfügbar, und ich bin mir nicht sicher, wie ich damit umgehen soll. In diesem Beispiel ruft components / app-product-form.js unter Verwendung …
23
React-Router - Requisiten an Handler-Komponente übergeben
Ich habe die folgende Struktur für meine React.js-Anwendung mit React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute …
7
Verschachtelte Routen mit React Router v4 / v5
Ich habe derzeit Probleme mit der Verschachtelung von Routen mit React Router v4. Das nächste Beispiel war die Routenkonfiguration in der React-Router v4-Dokumentation . Ich möchte meine App in 2 verschiedene Teile teilen. Ein Frontend und ein Admin-Bereich. Ich habe über so etwas nachgedacht: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} …
8
React Router v4 - Wie erhalte ich die aktuelle Route?
Ich möchte ein titlein anzeigen<AppBar /> , das irgendwie von der aktuellen Route übergeben wurde. Wie kann in React Router v4 <AppBar />die aktuelle Route an die titleRequisite übergeben werden? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> </main> …
3
Keine eingeschränkten Globals
Ich verwende React und Redux, um eine Webanwendung zu entwickeln, und als ich mein Projekt startete, bekam ich Folgendes: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Ich suche viel darüber, wie ich es lösen kann, aber keine der Antworten, die …
10
So weisen Sie den Webpack-Entwicklungsserver an, index.html für jede Route bereitzustellen
Mit dem React-Router können React-Apps verarbeitet werden /arbitrary/route. Damit dies funktioniert, muss mein Server die React-App auf einer beliebigen Route senden. Der Webpack-Entwicklungsserver verarbeitet jedoch keine beliebigen Endpunkte. Hier gibt es eine Lösung mit einem zusätzlichen Express-Server. So lassen Sie den Webpack-Dev-Server Einstiegspunkte vom React-Router zu Ich möchte jedoch keinen …
9
Übergeben Sie Requisiten im Link React-Router
Ich benutze React mit React-Router. Ich versuche, Eigenschaften in einem "Link" des React-Routers zu übergeben var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ …
7
React-Router: Wie rufe ich Link manuell auf?
Ich bin neu bei ReactJS und bei React-Router. Ich habe eine Komponente, die über Requisiten ein <Link/>Objekt vom React-Router empfängt . Immer wenn der Benutzer auf eine Schaltfläche "Weiter" in dieser Komponente klickt, möchte ich das <Link/>Objekt manuell aufrufen . Im Moment verwende ich refs, um auf die Sicherungsinstanz zuzugreifen …
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.