Als «react-router» getaggte Fragen

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

3
React Router v ^ 4.0.0 Nicht erfasst TypeError: Die Eigenschaft 'location' von undefined kann nicht gelesen werden
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( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') …

11
React-Router öffnen Link in neuer Registerkarte
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 onClick="foo"dem Link so etwas wie das oben Gesagte hinzufügen , …

9
React-Bootstrap-Linkelement in einem Navitem
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 'react-bootstrap'; <Nav pullRight> <NavItem eventKey={1}> <Link to="home">Home</Link> </NavItem> <NavItem eventKey={2}> <Link to="book">Book Inv</Link> …

9
So erhalten Sie die aktuelle Route in React-Router 2.0.0-rc5
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 weiter, /loginwenn er nicht angemeldet ist Wenn der Benutzer versucht hat, auf ihn zuzugreifen, /loginwenn er bereits angemeldet ist, leiten Sie ihn an …




21
Reagieren Router ändert URL, aber nicht anzeigen
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 "react-dom"; import { BrowserRouter } from …

3
Was bedeutet das? In React JSX ruhen
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} render={props => ( fakeAuth.isAuthenticated ? ( <Component {...props}/> ) : ( <Redirect to={{ pathname: …

2
React-Router erhält this.props.location in untergeordneten Komponenten
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: Requisiten aus App übergeben mit Fensterobjekt Erstellen von Routen für verschachtelte untergeordnete Komponenten Ich dachte, ich …

10
Sie sollten <Link> nicht außerhalb eines <Routers> verwenden
Ich versuche, den React-Router in einer Beispielanwendung einzurichten, und erhalte die folgende Fehlermeldung: You should not use &lt;Link&gt; outside a &lt;Router&gt; Meine App ist wie folgt eingerichtet: Übergeordnete Komponente const router = ( &lt;div className="sans-serif"&gt; &lt;Router histpry={browserHistory}&gt; &lt;Route path="/" component={Main}&gt; &lt;IndexRoute component={PhotoGrid}&gt;&lt;/IndexRoute&gt; &lt;Route path="/view/:postId" component={Single}&gt;&lt;/Route&gt; &lt;/Route&gt; &lt;/Router&gt; &lt;/div&gt; ); render(&lt;Main …



8
React-Router v4 - kann * url * nicht abrufen
Ich fing an, React-Router v4 zu verwenden. Ich habe eine einfache &lt;Router&gt;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) neu laden (F5) drücke , verschwinden alle Inhalte und der …

10
React Router Pass Param an Component
const rootEl = document.getElementById('root'); ReactDOM.render( &lt;BrowserRouter&gt; &lt;Switch&gt; &lt;Route exact path="/"&gt; &lt;MasterPage /&gt; &lt;/Route&gt; &lt;Route exact path="/details/:id" &gt; &lt;DetailsPage /&gt; &lt;/Route&gt; &lt;/Switch&gt; &lt;/BrowserRouter&gt;, rootEl ); Ich versuche, auf die ID in der DetailsPage-Komponente zuzugreifen, aber es ist nicht zugänglich. Ich habe es versucht &lt;DetailsPage foo={this.props}/&gt; Parameter an die DetailsPage zu übergeben, …

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.