Preguntas etiquetadas con react-router-v4

En la versión actual de React Router (v3) puedo aceptar una respuesta del servidor y usarla browserHistory.pushpara ir a la página de respuesta apropiada. Sin embargo, esto no está disponible en v4, y no estoy seguro de cuál es la forma adecuada de manejar esto. En este ejemplo, usando Redux, …

361 reactjs  react-router  react-router-v4 

Acabo de reemplazar react-routerde v3 a v4. Pero no estoy seguro de cómo navegar mediante programación en la función miembro de a Component. es decir, en la handleClick()función que quiero navegar /path/some/wheredespués de procesar algunos datos. Solía ​​hacer eso por: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Pero no puedo …

336 reactjs  ecmascript-6  react-router-v4 

Quiero declarar una ruta con un parámetro de ruta opcional, por lo tanto, cuando lo agrego, la página hace algo extra (por ejemplo, llenar algunos datos): http: // localhost / app / path / to / page <= renderizar la página http: // localhost / app / path / to …

306 javascript  reactjs  react-router  react-router-v4 

Actualmente estoy luchando con las rutas de anidación con react router v4. El ejemplo más cercano fue la configuración de ruta en la documentación de React-Router v4 . Quiero dividir mi aplicación en 2 partes diferentes. Una interfaz y un área de administración. Estaba pensando en algo como esto: <Match …

262 javascript  reactjs  nested  react-router  react-router-v4 

Me gustaría ver una titleen la <AppBar />que de alguna manera se pasa por la ruta actual. En React Router v4, ¿cómo podría <AppBar />pasar la ruta actual a su titleutilería? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> …

181 reactjs  react-router  react-router-v4 

Tengo un par de botones que actúan como rutas. Cada vez que se cambia la ruta, quiero asegurarme de que el botón que está activo cambia. ¿Hay alguna manera de escuchar los cambios de ruta en react router v4?

138 react-router-v4 

Estaba tratando de implementar rutas autenticadas, pero descubrí que React Router 4 ahora evita que esto funcione: <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> El error es: Advertencia: No debe utilizar <Route component>y <Route children>en …

122 javascript  reactjs  react-router  react-router-v4 

Además de la capacidad de establecer un "activeClassName" y "activeStyle" en NavLink, ¿hay alguna razón para usar NavLink sobre Link al crear enlaces a otras rutas en elementos que no son de navegación (es decir, no navegación principal en el encabezado o pie de página) en su sitio? que no …

94 reactjs  react-router  react-router-v4 

Tratando de averiguar cómo puedo volver a la página anterior. estoy usando[react-router-v4][1] Este es el código que configuré en mi primera página de destino: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link> <Route exact path="/" component={Page1}/> <Route path="/Page2" component={Page2}/> <Route path="/Page3" component={Page3}/> </div> </Router> Para reenviar a las páginas siguientes, simplemente …

84 javascript  reactjs  react-router-v4