Sto passando la mia app React da webpack-dev-server a nginx. Quando vado all'URL di root "localhost: 8080 / login" ottengo semplicemente un 404 e nel mio log nginx vedo che sta cercando di ottenere: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login" failed (2: No such file or directory), …
A volte ho visto persone avvolgere i loro componenti withRouterquando li esportano: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); A cosa serve e quando dovrei usarlo?
Ho pensato e sono confuso con il routing tra client e server. Supponiamo che io usi ReactJS per il rendering lato server prima di inviare la richiesta di nuovo al browser web, e uso il router reattivo come instradamento lato client per passare da una pagina all'altra senza aggiornare come …
Qualche modo per impedire che venga /#/visualizzato nella barra degli indirizzi del browser quando si utilizza React-Router? Questo è con ReactJS. Ad esempio, facendo clic sui collegamenti per passare a un nuovo percorso viene visualizzato localhost:3000/#/o localhost:3000/#/about. A seconda del percorso.
Non capisco quale sia lo scopo dell'utilizzo di IndexRoute e IndexLink . Sembra che in ogni caso il codice qui sotto avrebbe selezionato prima il componente Home a meno che il percorso About non fosse attivato. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> vs <Route path="/" component={App}> <Route …
Sono nuovo di React Router e apprendo che ci sono tanti modi per reindirizzare una pagina: Utilizzando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Utilizzando this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { …
Ho qualche piccolo problema durante la migrazione da React-Router v3 a v4. nella v3 sono stato in grado di farlo ovunque: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Come ottengo questo in v4. So che potrei usare, gli withRouteroggetti di scena hoc , React Context o Event Router quando sei …
Si sta tentando di far funzionare correttamente react-router (v4.0.0) e react-hot-loader (3.0.0-beta.6), ma si ottiene il seguente errore nella console del browser: Avvertenza: React.createElement: il tipo non è valido - ci si aspettava una stringa (per i componenti incorporati) o una classe / funzione (per i componenti compositi) ma ha …
Ho il seguente: <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> Quando si utilizza DefaultRoute, SearchDashboard viene visualizzato in modo errato poiché qualsiasi * Dashboard deve essere visualizzato all'interno di Dashboard. Vorrei …
Sto lavorando a un'applicazione React utilizzando React-Router. Ho una pagina del progetto che ha un URL come segue: myapplication.com/project/unique-project-id Quando il componente del progetto viene caricato, faccio scattare una richiesta di dati per quel progetto dall'evento componentDidMount. Ora sto riscontrando un problema in cui se passo direttamente tra due progetti, …
Sto usando react-router-dom 4.0.0-beta.6 nel mio progetto. Ho un codice come il seguente: <Route exact path="/home" component={HomePage}/> E voglio ottenere i parametri della query nel HomePagecomponente. Ho trovato location.searchparam, che assomiglia a questo ?key=value:, quindi non è analizzato. Qual è il modo giusto per ottenere i parametri di query con …
Devo implementare una logica di business a seconda della cronologia di navigazione. Quello che voglio fare è qualcosa del genere: reactRouter.onUrlChange(url => { this.history.push(url); }); C'è un modo per ricevere una richiamata da React-router quando l'URL viene aggiornato?
Sto provando React-Router (v4) e ho problemi ad avviare il Nav per avere uno dei Linkbe active. Se clicco su uno qualsiasi dei Linktag, le cose attive iniziano a funzionare. Tuttavia, vorrei che Home Linkfosse attivo non appena l'app si avvia poiché è il componente che viene caricato sul /percorso. …
Ho avuto qualche problema con il router React (sto usando la versione ^ 4.0.0). questo è il mio 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} /> …
C'è un modo per far sì che React Router apra un collegamento in una nuova scheda? Ho provato questo e non ha funzionato. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> È possibile confonderlo aggiungendo qualcosa di simile onClick="foo"al Link come quello che ho sopra, ma ci sarebbe un errore della console. …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.