Articles of react router

Il router di risposta cambia l’URL ma non visualizza

Ho difficoltà a cambiare la vista in risposta al routing. Sembra che ho provato tutto quello che posso google senza fortuna. Voglio solo mostrare un elenco di utenti e fare clic su ciascun utente per accedere a una pagina dei dettagli. Ecco il router: import React from “react”; import ReactDOM from “react-dom”; import { BrowserRouter […]

Come ottenere la cronologia su react-router v4?

Ho qualche piccolo problema di migrazione da React-Router v3 a v4. in v3 ero in grado di farlo ovunque: import { browserHistory } from ‘react-router’; browserHistory.push(‘/some/path’); Come ottengo questo in v4. So che potrei usare, l’hoc withRouter , react context o event withRouter router quando sei in una Component. ma non è il mio caso. […]

Instradamento client (utilizzando react-router) e instradamento server-side

Ho pensato e sono confuso con il routing tra Client e Server. Supponiamo di utilizzare ReactJS per il rendering lato server prima di inviare la richiesta al browser Web e utilizzare react-router come instradamento sul lato client per passare da una pagina all’altra senza aggiornare come SPA. Ciò che viene in mente è: Come vengono […]

Come smettere / # / nel browser con react-router?

Qualsiasi modo per impedire /#/ di mostrare nella barra degli indirizzi del browser quando si utilizza react-router? Questo è con ReactJS. cioè cliccando sui link per andare a una nuova rotta mostra localhost:3000/#/ o localhost:3000/#/about . A seconda del percorso.

React Router con parametro path opzionale

Voglio dichiarare un percorso con un parametro path opzionale, quindi quando aggiungo la pagina per fare qualcosa in più (ad esempio, riempi alcuni dati): http: // localhost / app / path / to / page <= visualizza la pagina http: // localhost / app / path / to / page / pathParam <= visualizza la […]

Reagire reactjs-router-dom passare oggetti di scena al componente

Ho bisogno di passare oggetti di scena al componente tramite router. Ecco il mio codice: import React, { Component, PropTypes } from ‘react’; import { connect } from ‘react-redux’; import AppBarTop from ‘./appbar/AppBarTop’; import Login from ‘../pages/login/Login’; import {BrowserRouter as Router, Route} from ‘react-router-dom’; class App extends Component { render() { const { isAuthenticated } […]

Rilevamento della pagina di partenza dell’utente con react-router

Voglio che la mia app ReactJS avvisi un utente quando si naviga lontano da una pagina specifica. In particolare un messaggio popup che gli ricorda di fare un’azione: “Le modifiche vengono salvate, ma non ancora pubblicate. Fallo adesso?” Dovrei farlo funzionare su react-router livello globale, o è qualcosa che può essere fatto all’interno della pagina […]

Passa oggetti di scena in Link react-router

Sto usando reactjs con react-router. Sto cercando di passare le proprietà in un “Link” di react-router var React = require(‘react’); var Router = require(‘react-router’); var CreateIdeaView = require(‘./components/createIdeaView.jsx’); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( Create Idea ); […]

Nesting Routes in react-router v4

Ho aggiornato il router di reazione alla versione 4 della mia applicazione. Ma ora sto ottenendo l’errore Warning: You should not use and in the same route; will be ignored Cosa c’è di sbagliato in questo routing? import { Switch, BrowserRouter as Router, Route, IndexRoute, Redirect, browserHistory } from ‘react-router-dom’ render(( ), document.getElementById(‘main’))

React non ricarica i dati dei componenti sulla modifica dei parametri di rotta o sulla modifica delle query

Ho un componente “home” con collegamenti e quando si fa clic su un collegamento, il componente del prodotto viene caricato con il prodotto. Ho anche un altro componente che è sempre visibile, mostrando link ai “prodotti visitati di recente”. Questi collegamenti non funzionano quando si trova su una pagina prodotto. L’url si aggiorna quando faccio […]