Articles of react router

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 […]

Navigazione programmatica in React-Router v4

Come posso passare a una nuova pagina dopo aver effettuato una convalida con React Router V4 ? Ho qualcosa di simile a questo: export class WelcomeForm extends Component { handleSubmit = (e) => { e.preventDefault() if(this.validateForm()) // send to ‘/life’ } render() { return ( this.handleChanges(e, “minutes”)}/> ) } } Vorrei inviare l’utente a un’altra […]

Percorsi nidificati con router react v4

Attualmente sto lottando con le rotte di nesting usando react router v4. L’esempio più vicino è stato la configurazione del percorso nella documentazione di React-Router v4 . Voglio dividere la mia app in 2 parti diverse. Un frontend e un’area di amministrazione. Stavo pensando a qualcosa del genere: Il frontend ha un layout e uno […]

Come passare param con history.push in react-router v4?

Come possiamo passare il parametro con this.props.history.push(‘/page’) in React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

Come passare alla cronologia in React Router v4?

Nella versione corrente di React Router (v3) posso accettare una risposta del server e utilizzare browserHistory.push per andare alla pagina di risposta appropriata. Tuttavia, questo non è disponibile in v4 e non sono sicuro di quale sia il modo appropriato per gestirlo. In questo esempio, utilizzando Redux, components / app-product-form.js chiama this.props.addProduct(props) quando un utente […]

React Router v4 rende più percorsi

Sto creando una SPA e sto provando a configurare il routing nell’applicazione utilizzando la versione 4.1.1 pacchetto react-router-dom . La mia definizione di percorso è qui sotto: Fondamentalmente, voglio impostare il routing in modo che ogni richiesta a una pagina per cui non è definita alcuna rotta vada al componente {NotFound} . Come può essere […]