Ich bin neu bei ReactJs. Das ist mein Code: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...
Ich probiere React-Router (v4) aus und habe Probleme beim Starten der Navigation, um eines der Linkzu haben active. Wenn ich auf eines der LinkTags klicke, funktioniert das aktive Material. Ich möchte jedoch, dass Home Linkaktiv ist, sobald die App gestartet wird, da dies die Komponente ist, die...
Neben der Möglichkeit, einen "activeClassName" und einen "activeStyle" in NavLink festzulegen, gibt es einen Grund, NavLink over Link zu verwenden, wenn Sie Links zu anderen Routen auf nicht navigierenden Elementen (dh nicht Hauptnavigation in Kopf- oder Fußzeile) auf Ihrer Site erstellen das...
Ich muss je nach Browserverlauf eine Geschäftslogik implementieren. Was ich tun möchte, ist ungefähr so: reactRouter.onUrlChange(url => { this.history.push(url); }); Gibt es eine Möglichkeit, einen Rückruf vom React-Router zu erhalten, wenn die URL aktualisiert wird?
Ich verwende React-Router-Dom 4.0.0-Beta.6 in meinem Projekt. Ich habe einen Code wie folgt: <Route exact path="/home" component={HomePage}/> Und ich möchte Abfrageparameter in der HomePageKomponente erhalten. Ich habe location.searchparam gefunden , der so aussieht : ?key=value, also ist es...
Ich habe einige Probleme mit dem React Router (ich verwende Version ^ 4.0.0). das ist meine index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render(...
Gibt es eine Möglichkeit, React Router dazu zu bringen, einen Link in einem neuen Tab zu öffnen? Ich habe es versucht und es hat nicht funktioniert. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Es ist möglich, es zu flusen, indem Sie...
Weiß jemand, wie man den Zugriff auf bestimmte Routen im React-Router einschränkt? Ich möchte überprüfen, ob der Benutzer angemeldet ist, bevor ich den Zugriff auf eine bestimmte Route zulasse. Ich dachte, es wäre einfach, aber die Dokumente sind nicht klar, wie es geht. Ist dies etwas, das ich...
Ich habe einen Router wie unten: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Folgendes möchte ich erreichen: Leiten Sie den Benutzer zu...
Ich habe einige Styling-Probleme mit React-Router und React-Bootstrap. Unten ist ein Ausschnitt aus dem Code import { Route, RouteHandler, Link } from 'react-router'; import AuthService from '../services/AuthService' import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from...
Ich verwende die Link-Komponente vom ReactJS-Router und kann das onClickevent nicht zum Laufen bringen. Dies ist der Code: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Ist das der Weg oder ein anderer Weg?
Ich versuche, Google Analytics auf meiner Reaktionsseite einzurichten, und bin auf einige Pakete gestoßen, von denen jedoch keines die Art von Einrichtung hat, die ich anhand von Beispielen habe. Ich hatte gehofft, jemand könnte etwas Licht ins Dunkel bringen. Das Paket, das ich mir ansehe, ist,...
Ich habe Probleme, die Ansicht zu ändern, wenn ich auf das Routing reagiere. Ich möchte nur eine Liste der Benutzer anzeigen, und durch Klicken auf jeden Benutzer sollte zu einer Detailseite navigiert werden. Hier ist der Router: import React from "react"; import ReactDOM from
Wenn ich mir dieses Beispiel für React Router Dom v4 ansehe, https://reacttraining.com/react-router/web/example/auth-workflow , sehe ich, dass die PrivateRoute- Komponente eine Rest-Requisite wie diese zerstört const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest}...
Soweit ich weiß <Route path="/" component={App} />, gibt Will AppRouting-bezogene Requisiten wie locationund params. Wenn meine AppKomponente viele verschachtelte untergeordnete Komponenten enthält, wie kann ich der untergeordneten Komponente Zugriff auf diese Requisiten gewähren, ohne:...
Ich versuche, den React-Router in einer Beispielanwendung einzurichten, und erhalte die folgende Fehlermeldung: You should not use <Link> outside a <Router> Meine App ist wie folgt eingerichtet: Übergeordnete Komponente const router = ( <div className="sans-serif"> <Router...
Wir haben eine Liste von Vorlesungen und Kapiteln, in denen der Benutzer sie auswählen und abwählen kann. Die beiden Listen werden in einem Redux-Speicher gespeichert. Jetzt möchten wir eine Darstellung ausgewählter Vorlesungs- und Kapitel-Slugs im Hash-Tag der URL behalten, und alle Änderungen an...
Ich habe eine Webseite mit einem Suchfeld. Das Suchfeld enthält mehrere Eingabefelder: ID, Größe, ... Was ich möchte, ist, wenn der Benutzer Suchwerte festlegt (zum Beispiel: id = 123 und size = 45) und eine Suchtaste drückt: searchState im Redux-Reduzierer sollte mit neuen Suchwerten...
const rootEl = document.getElementById('root'); ReactDOM.render( <BrowserRouter> <Switch> <Route exact path="/"> <MasterPage /> </Route> <Route exact path="/details/:id" > <DetailsPage /> </Route> </Switch> </BrowserRouter>, rootEl ); Ich...
Ich fing an, React-Router v4 zu verwenden. Ich habe eine einfache <Router>in meiner app.js mit einigen Navigationslinks (siehe Code unten). Wenn ich zu navigiere localhost/vocabulary, leitet mich der Router auf die richtige Seite weiter. Wenn ich jedoch anschließend ( localhost/vocabulary)...