Tag: react-router-v4
Reagieren Router Eine komplette routing-Bibliothek für Reagieren inspiriert von Ember-routing-system
2
Antworten
Entwicklung einer Anwendung Reagieren mit Reagieren v4 router. Alles funktionierte gut, bis ich eingeführt Redux in meiner app. Da dann auf klicken Sie links auf route ändern Sie die browser-url ändert, aber die Komponente entsprechend der route
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:
3
Antworten
Ich habe einen "home" - Komponente mit links und wenn Sie auf einen link auf der Produkt-Komponente geladen wird, mit dem Produkt. Ich habe auch noch eine Komponente, die ist immer sichtbar, indem Verknüpfungen zu "zuletzt besuchte
5
Antworten
Wie man conditional Routing, wenn und nur wenn einige Bedingungen erfüllt dann nur routing passieren sollte. zum Beispiel, wenn, und nur wenn der Benutzer die richtigen Anmeldeinformationen eingibt sollte die Anmeldung erfolgreich sein und der Benutzer sollte
7
Antworten
Versuchen herauszufinden, wie kann ich zurück gehen auf die Vorherige Seite. Ich bin mit [react-router-v4][1] Dies ist der code, den ich so konfiguriert haben, dass in meiner ersten landing page: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link>
1
Antworten
(react-router-dom version: 4.1.1) Ich habe den Mechanismus Routen eingerichtet, aber ich bin ein wenig verwirrt darüber, warum die <Switch> notwendig war: index.js import React from 'react'; import { HashRouter, Route, Switch } from 'react-router-dom'; import App from
2
Antworten
Habe ich diese Pfade in reagieren-router-dom: <BrowserRouter> <div> <Route exact path='/(index.html)?' component={Home}/> {/* app = home */} <Route path='/register' component={Registration}/> </div> </BrowserRouter> alles ist in Ordnung arbeiten, jetzt irgendwo in meinen Komponenten die ich will, um den
2
Antworten
Neben der Möglichkeit, um ein "activeClassName" und "activeStyle" NavLink auf, gibt es aus irgendeinem Grund zu verwenden NavLink über Link beim erstellen von links zu anderen Strecken, auf nicht-Navigations-Elemente (ie. nicht main-nav in Kopf-oder Fußzeile) auf Ihrer
4
Antworten
Habe ich diesen code: <BrowserRouter> <Route path="/(:filter)?" component={App} /> </BrowserRouter> den filter param oder "auf der Wurzel ist wohl auf App-Komponenten' Requisiten auf der Basis der vorherigen reagieren-router-Versionen? Dies ist mein code auf meiner App: const App
3
Antworten
Ich bin relativ neu reagiert und ich versuche, herauszufinden, wie man Reagieren-router zu arbeiten. Ich hab eine super einfache test-Anwendung, die wie folgt aussieht: import React from 'react'; import ReactDOM from 'react-dom'; import {BrowserRouter as Router, Route,
2
Antworten
Dies ist der code von meinem webpack-Konfiguration: const compiler = webpack({ entry: ['whatwg-fetch', path.resolve(__dirname, 'js', 'app.js')], module: { loaders: [ { exclude: /node_modules/, test: /\.js$/, loader: 'babel', }, ], }, output: {filename: 'app.js', path: '/'}, }); const
1
Antworten
Ich bin mit Reagieren Router zum erstellen eines multi-page-app. Mein Haupt-Komponente ist <App/> und es macht all das routing zu an untergeordnete Komponenten. Ich bin versucht zu übergeben Requisiten über die route, und basiert auf einigen Forschung
2
Antworten
Ich versuche von server-side-rendering reagieren-router-4. Ich bin nach dem Beispiel hier https://reacttraining.com/react-router/web/guides/server-rendering/putting-it-all-together Als pro Beispiel auf server, die wir nutzen sollten StaticRouter. Wenn ich den import gemäß dem Beispiel sehe ich StaticRouter als unbestimmt import {StaticRouter} from
3
Antworten
Ich habe ein Upgrade zu Reagieren, Router V4 und nun kämpfen Sie mit der history.push Methode. Habe ich eine index.js Datei: import React from "react"; import { render } from "react-dom"; import { BrowserRouter, Route } from
3
Antworten
Habe ich eine route, die Umleitungen nach der überprüfung einer Bedingung, wie dies <Route exact path="/" render={()=>( Store.isFirstTime ? <Redirect to="intro" /> : <Home state={Store}/>)}/> Die url ändert, wenn die Bedingung wahr ist aber die Komponente ist
4
Antworten
Ich bin mit dem folgenden einfachen nav code <Router> <Switch> <Route exact path='/dashboard' component={Dashboard} /> <Route path='/dashboard/accounts' component={AccountPage} /> </Switch> </Router> <NavLink exact to={'/dashboard'} disabled={this.props.item.disabled} activeClassName='active'> <NavLink exact to={'/dashboard/accounts'} disabled={this.props.item.disabled} activeClassName='active'> Die URL ändert, aber die Sicht
4
Antworten
Ich gelesen habe, viele Dinge zu reagieren-router v4 und der npm Geschichte der Bibliothek, zu diesem Punkt, aber keiner scheint mir helfen. Mein code funktioniert wie erwartet, bis auf den Punkt, wenn es soll navigieren und nicht
3
Antworten
Ich bin mit jest zum testen einer Komponente mit einem <Link> aus reagieren-router v4. Bekomme ich eine Warnung, dass <Link /> erfordert der Kontext aus einer reagieren-router <Router /> Komponente. Wie kann ich spotten, oder einen router
6
Antworten
In reagieren-router v3 hatten wir activeStyle und activeClassName style aktiven Link könnten wir so etwas tun <div id="tags-container"> {tags.map(t => <Link className="tags" activeStyle={{ color: 'red' }} to={t.path} > {t.title} </Link> )} </div> Ich will wissen, wie kann
2
Antworten
Habe ich mit der Umsetzung einiger business-Logik je nach den browsing-Verlauf. Was ich tun möchte ist etwas wie dieses: reactRouter.onUrlChange(url => { this.history.push(url); }); Gibt es eine Möglichkeit zu erhalten einen Rückruf von reagieren-router, wenn die URL
5
Antworten
Wie kann ich bewegen, um mit https://cdnjs.cloudflare.com/ajax/libs/react-router/4.0.0-2/react-router.min.js aus mit https://cdnjs.cloudflare.com/ajax/libs/react-router/3.0.1/ReactRouter.min.js? Beispiel mit 3.x unten. HTML <script src="https://unpkg.com/
[email protected]/dist/react.min.js"></script> <script src="https://unpkg.com/
[email protected]/dist/react-dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/3.0.1/ReactRouter.min.js"></script> JS let { Router, IndexRoute, Redirect, Route, Link, browserHistory } = ReactRouter; history.replaceState(0,0,'/'); const Main =
5
Antworten
Gibt es eine Möglichkeit, nest Strecken in Reagieren v4 Router? Dies funktioniert: <Router basename='/app'> <main> <Route path='/' component={AppBar} /> <Route path='/customers' component={Customers} /> </main> </Router> Nicht: <Router basename='/app'> <Route path='/' component={AppBar}> <Route path='/customers' component={Customers} /> </Route> </Router>
6
Antworten
Ich versuche, reagieren router mit Typoskript. Allerdings habe ich gewisse Probleme mit withRouter Funktion. In der letzten Zeile, ich bin immer ziemlich seltsamen Fehler: Argument of type 'ComponentClass<{}>' is not assignable to parameter of type 'StatelessComponent<RouteComponentProps<any>> |
5
Antworten
Ich bin mit reagieren-router-dom-4.0.0-beta.6 in meinem Projekt. Ich habe einen code wie folgt: <Route exact path="/home" component={HomePage}/> Und ich will mich query params in HomePage Komponente. Ich habe festgestellt location.search param, die wie folgt aussieht: ?key=value, so
2
Antworten
Ok, ich habe die Nase voll von versuchen. Die onEnter Methode nicht funktioniert. Irgendeine Idee, warum das so ist? //Authentication "before" filter function requireAuth(nextState, replace){ console.log("called"); //=> Is not triggered at all if (!isLoggedIn()) { replace({ pathname:
13
Antworten
Habe ich einfach ersetzt react-router von v3 zu v4. Aber ich bin nicht sicher, wie Sie programmgesteuert navigieren Sie in der member-Funktion einer Component. ich.e in handleClick() Funktion möchte ich navigieren Sie zu /path/some/where nach der Verarbeitung
6
Antworten
Ich bin derzeit kämpfen mit nesting Strecken reagieren router v4. Dem nächsten Beispiel wurde die route in der config Reagieren-Router v4 Dokumentation. Möchte ich spaltete meine app in 2 verschiedene Teile. Frontend und admin-Bereich. Ich dachte an
14
Antworten
In der aktuellen version Reagieren Router (v3), akzeptiere ich eine server-Antwort und verwenden Sie browserHistory.push zu gehen, um die entsprechenden Antwort-Seite. Dies ist jedoch nicht verfügbar in v4, und ich bin mir nicht sicher, was der geeignete
2
Antworten
Möchte ich erklären, einen Pfad mit einer optionalen path-parameter, also wenn ich hinzufügen, dass es die Seite etwas extra zu tun (z.B. füllen einige Daten): http://localhost/app/path/to/page <= die Seite gerendert http://localhost/app/path/to/page/pathParam <= Rendern der Seite mit einige
5
Antworten
Ich versuche, einige verschachtelte Routen hinzufügen, um ein gemeinsames layout. Überprüfen Sie den code aus: <Router> <Route component={Layout}> <div> <Route path='/abc' component={ABC} /> <Route path='/xyz' component={XYZ} /> </div> </Route> </Router> Das funktioniert zwar einwandfrei, ich bekomme immer
2
Antworten
Ich würde gerne eine Anzeige title im <AppBar /> dass ist irgendwie vergangen, in aus der aktuellen route. In Reagieren Router v4, wie würde <AppBar /> in der Lage sein, um die aktuelle route führte in die
2
Antworten
Lerne ich Reagieren, mich mit online-tutorial. So ist dies ein einfaches Beispiel zur Verwendung Reagieren-Router: <Router history={browserHistory}> <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="/home" component={Home}/> <Route path="/about" component={About}/> <Route path="/contact" component={Contact}/> </Route> </Router> Mit meiner App-Komponente: class
6
Antworten
War ich versucht zu implementieren authentifiziert Strecken, aber festgestellt, dass Reagieren Router 4 damit wird verhindert, dass diese von der Arbeit: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}>
3
Antworten
Habe ich ein paar Tasten, die als Routen. Jedesmal, wenn die route geändert wird, möchte ich sicherstellen, dass die Schaltfläche, die aktiv ist, ändert. Gibt es eine Möglichkeit zu hören route änderungen reagieren v4 router? InformationsquelleAutor der