Tag: react-router
Reagieren Router Eine komplette routing-Bibliothek für Reagieren inspiriert von Ember-routing-system
Konvertieren Reagieren-Funktion component class component-Ausgabe
2 Antworten
Habe ich Folgendes reagieren funktionale Komponente zur Unterstützung der Authentifizierung erforderlich, Routen mit reagieren-router. const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ( isAuthenticated() ? ( <Component {...props}/> ) : (
Stop-Darstellung einer Komponente nach componentDidMount()
1 Antworten
Habe ich eine such-Seite mit drei Komponenten. Das durchsuchen Themen-Komponente listet die Themen auf, um von zu wählen. Die Artikel durchsuchen Komponente listet alle Artikel auf der Grundlage der Themen-ID und lädt alle Artikel, wenn es keine
Wie testen Sie router match params mit Scherz und Enzym?
2 Antworten
Sagen, ich habe folgende Komponente, die ich packte aus https://www.codeday.top/2017/11/08/56644.html. Hier bin ich mit dem match.params Zugriff auf die id. Wie würde ich das schreiben von unit Tests für diese Komponente testet die Präsenz des h2-element ein
Reagieren v4 Router Verschachtelte Routen mit Schalter
1 Antworten
Versuchen das folgende zu tun, aber es funktioniert nicht. ReactDOM.render( <Router> <div className="route-wrapper"> <Switch> <App> <Route exact path="/" component={HomePage} /> <Route path="/user" component={UserPage} /> </App> <Route component={Err404} /> </Switch> </div> </Router>, document.getElementById('main') ) Wie die Dokumentation sagt
Die Browser-history in reagieren-router
1 Antworten
Warum ich browserHistory in meiner app Reagieren, es dient immer noch bis eine Seite auf localhost:3000, aber wenn es bereitgestellt wird, bekomme ich eine leere Seite mit nichts in der Konsole. Wenn ich wechseln hashHistory jedoch, es
Wie man Parameter aus-hash-URL mit reagieren-router?
1 Antworten
Jede Methode get URL-Parameter, die aus einem HASH-URL mit reagieren-router. welche version von reagieren-router verwenden Sie? version 2.0.0 ... Sie konnte etwas tun, ähnlich wie das stackoverflow.com/questions/34666087/... ? Habe es versucht, aber hat nicht funktioniert verwendet eine
Wie der Zugriff auf url-parameter reagieren Komponente
3 Antworten
Ich habe einen reagieren Komponente geladen wird, ist auf routing Brauche ich Zugriff auf einen parameter aus der url innerhalb der Komponenten-Konstruktor Wie mache ich es? kann ich es wie folgt: class CustomCoponent extends React.Component { constructor(props,{match})
Klare Position Zustand nach der Navigation zu einem Weg
1 Antworten
Ich bin mit reagieren-router browserHistory navigieren zum Pfad. browserHistory.push({ pathname: '/mycomponent', state: { someValue: 'value'}, }); So wird navigieren Sie zu mycomponent. Sobald ich greife mycomponent ich möchte die löschen-Taste someValue. so, dass wenn ich die Seite
Der Kontext `router` ist als erforderlich markiert, im `Link`, aber sein Wert ist `undefined`
3 Antworten
Ich habe ein problem mit dem Link. Gegoogelt eine Menge Themen, aber ich habe nicht eine richtige Antwort. In einer Diskussion, das problem ist in der früheren version von der router, der andere in die falsche import
Material UI-Liste onClick feuert click-Ereignis auf verschachtelte Liste
1 Antworten
Ich habe einen material-ui-Liste in meine einer der Komponente. Wenn ich klicken Sie auf ein beliebiges Element der Liste, ich gehe zu einem anderen listView. Ich bin mit router gehen Sie zu einem anderen listView. Und mit
ReactJS - Unbekannt prop `activeClassName` auf <a> tag. Entfernen Sie diese Requisiten aus dem element
3 Antworten
Ich bin mit reagieren 15.4.2 und reagieren-router4.0.0, und Dieses Projekt wurde Bootstrap mit Erstellen Sie Reagieren App. Hier ist mein Code. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import {BrowserRouter as Router,Route,Link} from 'react-router-dom'
Reagieren Die Bestückung Zweimal
1 Antworten
Innen einen kleinen Teil meiner Reagieren/Redux/ReactRouterV4 Anwendung, ich habe folgende Komponente Hierarchie, - Exhibit (Parent) -- ExhibitOne -- ExhibitTwo -- ExhibitThree Innerhalb der Kinder Zeigen, es gibt über 6 verschiedene mögliche Routen, die gerendert werden kann als
Display Zurück-Taste, um zurück wie die zurück-Schaltfläche Ihres Browsers, wenn Sie nicht in der home-Pfad
2 Antworten
In der Kopfzeile, ich habe eine Menü-Taste, dass, wenn geklickt wird display verschiedene links zu gehen. Allerdings würde ich nur gerne zeigen Sie die Menü-Taste, wenn es in der home-Pfad (D. H., "/"). Und wenn ich navigieren
Ist es möglich, nur remount nur das neue child-Komponenten reagieren-router übergang
1 Antworten
Ich bin mit reagieren-router in meiner Anwendung, und ich bin auf der Suche nach einem Weg zu stoppen, das montieren von Komponenten, die bereits in der DOM. Zum Beispiel, wenn ich bei der URL dashboard, dann habe
Was ist withRouter für reagieren-router-dom?
4 Antworten
Ich habe manchmal gesehen Menschen wickeln Ihre Komponenten in withRouter wenn Sie Sie zu exportieren: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { //... } export default withRouter(Foo); Was ist das und Wann sollte
Reagieren-router: Wie verschachtelte Routen arbeiten?
1 Antworten
Ich habe eine Anwendung reagieren mit reagieren-router. Ich bin versucht, setup-verschachtelte Routen: "/" --> home page "/products" --> products list (child component of home page) "/products/new" --> new product: child component of products list Was ich versucht
Das bestehen der staatlichen als Requisiten von den Eltern auf das Kind Reagieren-Router?
3 Antworten
Ich habe mit Reagieren-Router für die letzten paar Tage und Iv ' E worden, es zu lieben! Ein problem, dass Iv ' E worden, habe, ist, dass ich kann nicht herausfinden, der beste Weg, um pass state
Mit prerender.io mit ReactJS für SEO
1 Antworten
Habe ich realisiert, dass meine ReactJS Anwendung mit reagieren-router keine externen links. Suchmaschinen erkennen nicht, dass die Website hat eine Menge von verknüpften Inhalten. Prerender.io scheint wie eine gute Lösung, aber ich kann es nicht arbeiten für
Wie kann ich konfigurieren reagieren-router mit nginx/cherrypy und meine aktuelle reactjs app
1 Antworten
Ich habe eine funktionierende web-app-serviert von nginx mit cherrypy in der backend-und ReactJS für das front-end. Die app wuchs, so dass ich Sie benutzen will reagieren-router und sorgen Sie für schnellen Zugriff auf Seiten mit URLs. Zum
Holen Sie mehrere API Anfragen Reagieren Nativen
2 Antworten
Hier ein kurzer überblick über meinen code (sparsam einige details). Im Grunde möchte ich einfach nur zwei ähnliche API-Anfragen, wenn ich auf eine Schaltfläche klicken, dann haben Sie eine Funktion, die funktioniert mit dem Ergebnisse von Anfragen,
diese.Requisiten.Geschichte.push funktioniert nicht
2 Antworten
Wenn ich den export einer Komponente wie: export default class Link extends React.Component{ onLogout() { this.props.history.push('/'); } die Schaltfläche, die dieser gebunden ist korrekt, ändert sich die Seite reagieren-router v4. Jedoch in meiner main.js Datei, ich bin
Wie man redirect im inneren Komponente im router Reagieren?
1 Antworten
Zu machen, wie die Umleitung im inneren Komponente im router Reagieren? Ich bin mit reagieren-rouer import React from 'react' import _ from 'lodash'; import FavoriteItem from '../components/FavoriteItem' const FavoritesList = ({list}) => { let transitionToItem = ({id})
Reagieren routing ohne Knoten
3 Antworten
Ich bin mit react.js aber nicht, indem Sie den Knoten server. Ich brauche eine Lösung für das routing, aber es scheint zu reagieren-router arbeiten mit Knoten. wenn nicht, geben Sie mir einige Beispiel, wie Integration reagieren-router. wenn
Lifecycle componentWillReceiveProps mehrfach aufgerufen wird
1 Antworten
Ich haben die Umsetzung Tyler McGinnis Lehrplan zu lernen, zu reagieren. Es ist eine Wetter-app. Und ich habe Probleme beim Debuggen ein seltsames Verhalten. Ich bin mir ziemlich sicher, dass es etwas albern, dass ich das Tue
Wie laden einer Komponente reagiert, die auf url-parameter zu ändern?
2 Antworten
Habe ich den folgenden Weg:- ReactDOM.render(( <Router history={browserHistory}> <Route path="/" component={app}> <IndexRoute component={home}/> <Route path="/articles" component={articles} /> <Route path="/articles/topics/:featureName" component={filteredArticles} /> </Route> </Router> ), document.getElementById('app')); Wenn ich jetzt Anfrage für /Artikel/Themen/topic1, die ersten 5 Inhalte abgerufen werden,
So erstellen Sie eine dynamic Link-Attribut Reagieren-Router 2.5
2 Antworten
(Disclaimer: ich bin neu, zu Reagieren und Reagieren-Router, so kann dies offensichtlich sein, dass jemand mit mehr Vertrautheit) Erstelle ich ein einfaches Projekt mit Reagieren-Router 2.5.2 mit ES6 und ich habe eine funktionierende Lösung, aber es fühlt
Wie man das Match-Objekt in ein ReactJs component-Klasse?
4 Antworten
Ich versuche, mit meiner url als parameter übergeben das Match-Objekt in meine reagieren component-Klasse. Aber es funktioniert nicht! Was mache ich hier falsch? Wenn ich meine Komponente als eine JavaScript-Funktion, es funktioniert alles gut, aber wenn ich
Reagieren zwingen re-mount-Komponente auf der route ändern
3 Antworten
Wie kann ich Sie wieder montieren einer Komponente auf der route ändern, wenn mit der gleichen Komponente für beide Strecken? Hier ist mein code. Routen.jsx <Router history={browserHistory}> <Route path="/" component={Home} /> <Route path="/foo/:fooId" component={Home} /> </Router> Habe
Reagieren Router-4-Regex-Wege - entsprechen nicht den Parametern
1 Antworten
Ich bin versucht zu haben, regex-pattern-matching für reagieren router-4, aber leider ist die this.props.match.params.id ist nicht Parsen der Pfad richtig ist, und zeigt sich als undefiniert. Beispiele von Pfaden, die ich will, um der Lage sein, Zugriff:
browserHistory undefined Reagieren mit Router 2.00 release-Kandidaten
2 Antworten
Reagieren Mit Router 2.0.0rc1-5 habe ich immer browserHistory als unbestimmt nach dem importieren: import { browserHistory } from 'react-router' Das Paket scheint korrekt installiert werden, aber unabhängig von der version und ob auf server oder client, ich
Reagieren-router: nie heben Sie die Bereitstellung einer Komponente auf eine route, einmal montiert, auch wenn die route ändern
1 Antworten
Ich habe eine Anwendung Reagieren, in der Sie deklariert einige Routen : <Switch> <Route exact path={'/'} render={this.renderRootRoute} /> <Route exact path={'/lostpassword'} component={LostPassword} /> <AuthenticatedRoute exact path={'/profile'} component={Profile} session={session} redirect={'/'} /> <AuthenticatedRoute path={'/dashboard'} component={Dashboard} session={session} redirect={'/'} /> <AuthenticatedRoute
Reagieren app Rücksendung 500 Internal Server Error
3 Antworten
Ich habe einen reagieren app, erstellt mit create-reagieren-app. Nachdem ich laufen npm run build, und implementieren Sie die app als eine statische Seite, alles funktioniert, außer wenn ich die Seite aktualisieren auf eine andere route als der
Wie gehen beide.Zustand und dieser.Requisiten, um Routen mit reagieren-router
1 Antworten
Ich kann nicht herausfinden, wie Zugriff auf eine Methode von einer übergeordneten ReactJS Komponente in meinem post route und der Komponente. Mit react-router. Dies ist in <RouteHandler {...this.state} /> Die Methode/Funktion pushToPostList() in fügt ein post-Objekt auf
Nicht aufrufen kann eine Klasse wie eine Funktion, Reagieren router zeigen den Fehler in der Konsole wenn ich mit es6-format
3 Antworten
Im mit reagieren router-Erweiterung zu definieren, reagieren Strecken in meiner Anwendung. jedes Ding in Ordnung arbeiten, aber das Problem ist, dass wenn ich es6-syntax zu definieren Klasse App.js als index.js "nicht aufrufen kann eine Klasse wie eine
Wie Behandeln Post-Anforderung in Isomorph Reagieren + Reagieren die Router-Anwendung
1 Antworten
Ich bauen will Isomorph react + react-router Anwendung und nach ein paar Tagen googlen, jetzt kann ich erreichen isomorph Anwendung, die nur mit GET-Requests. Hier ist, was ich bisher getan habe: Server verwenden react-router um alle Anfrage
So erzeugen Sie sitemap reagieren mit router
3 Antworten
Ich versuche, herauszufinden, wie die dynamische Erzeugung von XML-sitemap in reactJS server-Seite (ausdrücklichen) web-app. Ich bin mit router reagieren. Wie detailliert müssen Sie Ihre sitemap zu werden? Und ich nehme an, die XML ist in Ordnung? InformationsquelleAutor
Reagieren-Router: Holen Sie sich alle Routen als array
3 Antworten
Gibt es eine Bibliothek, die meiner route-Instanz in ein array von Pfaden? Beispiel: <Route path="/" component={App}> <Route path="author" component={Author}> <Route path="about" component={About}/> </Route> <Route path="users" component={Users} /> </Route> Ausgabe ['/', '/author', '/author/about', '/users'] Ich könnte schreiben, eine
Reagieren-router nicht angezeigt-Komponente
2 Antworten
Ich bin derzeit lernen zu reagieren-router, und dann zu versuchen, es in einer Beispiel-app. Hier ist mein code: index.html <!DOCTYPE html> <html> <head> <title>Sample APP</title> <link rel="stylesheet" href="dist/css/style.css"> </head> <body> <div id="main"></div> </body> <script src="dist/js/main.js"></script> </html> /src/app.jsx
ReactRouter "bei änderung" - Ereignis?
4 Antworten
Möchte ich die Installation eines analytics-handler auf meinem single-page-app und würde gerne erfassen alle Routen ändern, unter der Hauptroute. Ich erkenne, dass ReactRouter bietet eine onEnter Ereignisses auf der route an, aber dies würde von mir verlangen,
Wie die reagieren, router funktionieren mit statischen Elemente, html5-Modus, history-API und verschachtelte Routen?
4 Antworten
Dachte ich, ich beginnen zu verstehen, Reagieren-Router, aber ich traf eine neue Wand, beim hinzufügen einer Bibliothek lädt, die css für deren Komponenten. Funktioniert alles wunderbar, wenn ein navigieren aus meiner Heimat, auf der Seite mit der
Mit reagieren-router mit Typoskript
3 Antworten
Ich versuche, auf port eine kleine reagieren app über typescript. Bin ich der Begegnung mit Probleme reagieren-router. Ich habe die neuesten Definitionen aus jeden Fall geben, aber der folgende code gibt mir Fehler: var routes:Router.Route = (
Wie man von route-name in hf mit reagieren-route?
3 Antworten
Als zu dem Thema wie bekomme ich den Namen der route ein im inneren der hf? Zum Beispiel: var routes = <Route handler={App} path="/"> <Route name="home" path="/home" handler={HomePage} /> <DefaultRoute handler={HomePage} /> </Route> Router.run(routes, function(Handler, state) {
Reagieren router modal-nur Routen
2 Antworten
Ich habe einen öffentlichen und einen privaten Bereich in meiner app und ich möchte in der Lage sein zu zeigen, das login-modal-dialog überall in der öffentlichkeit. Der modal-sollte seine eigene route. Ein zweiter Anwendungsfall wäre ein Profil
Reagieren + Router + Google Tag Manager
2 Antworten
Ich verbrachte ein wenig Zeit in die Entwicklung eines MVP an quickcypher.com. Ich wollte anfangen einige analytics, und es funktionierte großartig für nur tracking insgesamt besucht werden, aber die Dinge gingen Süden, wenn ich versuchte, Sie verfolgen
Reagieren-redux bekommen Website-Basis-URL / Fenster.Lage
2 Antworten
Hoffentlich ist dies eine sehr einfache Frage: Ich möchte einen string mit der vollständigen URL zu einer Seite auf meiner Website, wie: https://example.com/documents/1 Im Idealfall würde ich mag zu generieren, diese in einen reagieren-redux connect()-ed-container, in mapStateToProps().
onEnter-Übergänge mit Reagieren Router und Redux Einfachen Router Dont Render-Neue Route-Komponente
1 Antworten
Ich habe eine app mit reagieren @0.14, redux @3.05, reagieren-router @1.0.3, und redux-einfach-router @2.0.2. Ich bin versucht zu konfigurieren onEnter-übergänge für einige meiner Reiserouten auf der Basis von store-Zustand. Der übergang Haken erfolgreich im Feuer-und push-neuen Zustand
Warum reagieren router werfen 'kann Nicht GET /example' Fehler?
4 Antworten
Ich bin zu lernen, zu Reagieren, und ich muss hinzufügen, einige Routen mit Reagieren Strecken. Habe ich installiert react-router mit npm install react-router. Dies ist die main js wo ich zu erklären, dass die Routen import React
Wie verwenden Sie reagieren-router-redux routeActions?
5 Antworten
Ich versuche, ändern Sie die Beispiel-code reagieren-router-redux. https://github.com/rackt/react-router-redux/blob/master/examples/basic/components/Home.js dies ist mein Home.js class Home extends Component { onSubmit(props) { this.props.routeActions.push('/foo'); } } Ich habe auch ein mapDispatchToProps für Sie. function mapDispatchToProps(dispatch){ return bindActionCreators({ routeActions },dispatch); } Als
Zugriff auf Redux Speichern von Routen einrichten über Router Reagieren
3 Antworten
Möchte ich nutzen reagieren-Routers onEnter - handler, um die Benutzer zur Authentifizierung bei der Eingabe einer eingeschränkten route. Soweit mein routes.js - Datei sieht ungefähr so aus: import React from 'react'; import { Route, IndexRoute } from
Die Verwendung mehrerer layouts für reagieren-router, Komponenten
6 Antworten
Wenn ich die folgenden: <Route path="/" component={Containers.App}> { /* Routes that use layout 1 */} <IndexRoute component={Containers.Home}/> <Route path="about" component={Containers.About}/> <Route path="faq" component={Containers.Faq}/> <Route path="etc" component={Containers.Etc}/> { /* Routes that use layout 2 */} <Route path="products" component={Containers.Products}/>