Als «react-router» getaggte Fragen

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

6
React-Router und Nginx
Ich stelle meine Reaktions-App von Webpack-Dev-Server auf Nginx um. Wenn ich zur Root-URL "localhost: 8080 / login" gehe, erhalte ich einfach eine 404 und in meinem Nginx-Protokoll sehe ich, dass versucht wird: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login" failed (2: No such file or directory), client: 172.20.0.1, …
4
Wofür ist withRouter in React-Router-Dom?
Ich habe manchmal Leute gesehen , die ihre Komponenten eingewickelt haben, withRouterwenn sie sie exportierten: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Wofür ist das und wann soll ich es verwenden?
6
Wie stoppe ich / # / im Browser mit dem React-Router?
Gibt es eine Möglichkeit zu verhindern, dass /#/bei Verwendung des React-Routers in der Adressleiste des Browsers angezeigt wird? Das ist mit ReactJS. dh Klicken Sie auf Links, um zu einer neuen Route zu gelangen, localhost:3000/#/oder localhost:3000/#/about. Abhängig von der Route.
1
React-Router: Was ist der Zweck von IndexRoute?
Ich verstehe nicht, wozu IndexRoute und IndexLink dienen . Es scheint, dass in jedem Fall der folgende Code zuerst die Home-Komponente ausgewählt hätte, es sei denn, der Info-Pfad wurde aktiviert. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> vs. <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" component={About}/> </Route> …
7
Wie bekomme ich den Verlauf auf React-Router v4?
Ich habe ein kleines Problem bei der Migration von React-Router v3 auf v4. in v3 konnte ich das überall machen: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Wie erreiche ich das in v4? Ich weiß, dass ich die Hoc- withRouter, Reaktionskontext- oder Event-Router-Requisiten verwenden kann, wenn Sie sich in einer …
5
Was ist der beste Weg, um eine Seite mit React Router umzuleiten?
Ich bin neu bei React Router und erfahre, dass es so viele Möglichkeiten gibt, eine Seite umzuleiten: Verwenden von browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Verwenden von this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } …
11
So setzen Sie die DefaultRoute in React Router auf eine andere Route
Ich habe folgendes: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /> <DefaultRoute handler={DashboardExplain} /> </Route> <DefaultRoute handler={SearchDashboard} /> </Route> Bei Verwendung der DefaultRoute wird SearchDashboard falsch gerendert, da jedes * Dashboard im Dashboard gerendert werden muss. Ich möchte, dass meine …
26
React.createElement: Typ ist ungültig - erwartet eine Zeichenfolge
Der Versuch, React-Router (v4.0.0) und React-Hot-Loader (3.0.0-Beta.6) zum Spielen zu bringen, zeigt jedoch den folgenden Fehler in der Browserkonsole an: Warnung: React.createElement: Typ ist ungültig - erwartet eine Zeichenfolge (für integrierte Komponenten) oder eine Klasse / Funktion (für zusammengesetzte Komponenten), hat aber: undefiniert. Sie haben wahrscheinlich vergessen, Ihre Komponente aus …
7
Die Requisite "history" ist in "Router" als erforderlich markiert, ihr Wert ist jedoch "undefined". im Router
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="/" component={Main}></Route> </Router>, document.getElementById('app')); und kompilieren Sie es mit Webpack. Außerdem habe ich meinen Aliasnamen die Hauptkomponente hinzugefügt. …
1
Aktive Verbindung mit React-Router?
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 auf der /Route …
8
So erhalten Sie Abfrageparameter in React-Router v4
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 nicht analysiert. Was ist der richtige Weg, um Abfrageparameter mit React-Router v4 …
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.