Domande taggate «react-router»

React Router - Una libreria di routing completa per React ispirata al sistema di routing di Ember

11
Come usare Redirect nel nuovo react-router-dom di Reactjs
Sto usando l'ultima versione del modulo React-Router, chiamata React-Router-Dom, che è diventata l'impostazione predefinita durante lo sviluppo di applicazioni web con React. Voglio sapere come fare un reindirizzamento dopo una richiesta POST. Ho creato questo codice, ma dopo la richiesta non succede nulla. Esamino sul web, ma tutti i dati …
7
React-router: come invocare manualmente Link?
Sono nuovo di ReactJS e di React-Router. Ho un componente che riceve attraverso oggetti di scena un <Link/>oggetto da reag-router . Ogni volta che l'utente fa clic su un pulsante "successivo" all'interno di questo componente, desidero richiamare l' <Link/>oggetto manualmente. In questo momento, sto usando refs per accedere all'istanza di …
30
Ottenere "Impossibile chiamare una classe come funzione" nel mio progetto React
Sto cercando di aggiungere un componente della mappa React al mio progetto ma ho riscontrato un errore. Sto usando il post sul blog di Fullstack React come riferimento. Ho rintracciato dove l'errore viene generato nella riga 83 di google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new …
21
reagire-router tornare indietro di una pagina come si configura la cronologia?
Qualcuno può dirmi come posso tornare alla pagina precedente piuttosto che a un percorso specifico? Quando si utilizza questo codice: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Ottieni questo errore, goBack () è …
4
reagire-router vs reagire-router-dom, quando usare l'uno o l'altro?
Entrambi hanno Route, Link, ecc. Quando usare l'uno o l'altro? Sono davvero confuso su dove usarli. Lato server? Dalla parte del cliente? https://reacttraining.com/react-router/ In alcuni esempi è necessario passare la storia, in altri no. Cosa fare? <Router history={browserHistory}> vs <Router> È davvero confuso quando usare l'uno o l'altro, qualsiasi aiuto …
14
Come implementare percorsi autenticati in React Router 4?
Stavo cercando di implementare percorsi autenticati, ma ho scoperto che React Router 4 ora impedisce che funzioni: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> L'errore è: Attenzione: non dovresti usare <Route component>e <Route children>nello stesso …
8
Come aggiorni a livello di codice i parametri delle query in React-Router?
Non riesco a trovare come aggiornare i parametri di query con React-Router senza utilizzare <Link/>. hashHistory.push(url)non sembra registrare i parametri della query e non sembra che tu possa passare un oggetto query o altro come secondo argomento. Come si modifica l'URL da /shop/Clothes/dressesa /shop/Clothes/dresses?color=bluein React-Router senza utilizzare <Link>? E una …
7
Rilevamento di utenti che lasciano la pagina con React-Router
Voglio che la mia app ReactJS notifichi un utente quando esci da una pagina specifica. Nello specifico un messaggio popup che gli ricorda di eseguire un'azione: "Le modifiche vengono salvate, ma non ancora pubblicate. Farlo ora?" Devo attivarlo a react-routerlivello globale o è qualcosa che può essere fatto dall'interno della …
3
HtmlWebpackPlugin inietta file di percorso relativo che si interrompono durante il caricamento di percorsi di siti Web non root
Sto usando webpack e HtmlWebpackPlugin per iniettare js e css in bundle in un file modello html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), E produce il seguente file html. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Funziona …
7
Nomi di percorso multipli per uno stesso componente in React Router
Sto usando lo stesso componente per tre percorsi diversi: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> C'è comunque da combinarlo, per essere come: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>
13
Collegamento esterno React-Router
Dato che utilizzo il router per gestire i miei percorsi in un'app, sono curioso di sapere se esiste un modo per reindirizzare a una risorsa esterna. Di 'che qualcuno colpisce: example.com/privacy-policy Vorrei che reindirizzasse a: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Sto trovando esattamente zero aiuto nell'evitare di scriverlo in semplice JS al mio caricamento …
9
Recupero dei parametri di query dal frammento hash del router reattivo
Sto usando React e React-Router per la mia applicazione sul lato client. Non riesco a capire come ottenere i seguenti parametri di query da un URL come: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 I miei percorsi assomigliano a questo (il percorso è totalmente sbagliato lo so): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.