Preguntas etiquetadas con react-router

Con react-routerpuedo usar el Linkelemento para crear enlaces que son manejados de forma nativa por react router. Veo internamente que llama this.context.transitionTo(...). Quiero hacer una navegación No desde un enlace, sino desde una selección desplegable (como ejemplo). ¿Cómo puedo hacer esto en código? ¿Qué es this.context? Vi el Navigationmixin, pero …

1431 reactjs  react-router 

Estoy usando React-router y funciona bien mientras hago clic en los botones de enlace, pero cuando actualizo mi página web no carga lo que quiero. Por ejemplo, estoy dentro localhost/joblisty todo está bien porque llegué aquí presionando un enlace. Pero si actualizo la página web obtengo: Cannot GET /joblist Por …

655 javascript  reactjs  url  react-router 

Recibo este error: Error no detectado: Infracción invariable: El tipo de elemento no es válido: se esperaba una cadena (para componentes integrados) o una clase / función (para componentes compuestos) pero se obtuvo: objeto. Este es mi código: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') …

529 reactjs  react-router 

¿Cómo puedo definir una ruta en mi archivo routes.jsx para capturar el __firebase_request_keyvalor del parámetro de una URL generada por el proceso de inicio de sesión único de Twitter después de la redirección desde sus servidores? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Intenté con la siguiente configuración de rutas, pero :redirectParamno está captando el parámetro …

413 reactjs  react-router 

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 

Tengo la siguiente estructura para mi aplicación React.js usando React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute …

315 javascript  properties  reactjs  react-router 

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 

¿Cómo podemos pasar el parámetro con this.props.history.push('/page')React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

218 reactjs  react-router 

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 

Estoy usando React y Redux para desarrollar una aplicación web y cuando comencé mi proyecto obtuve esto: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Busco mucho sobre cómo resolverlo, pero ninguna de las respuestas que encontré me ayudó, así que …

168 javascript  reactjs  react-router  eslint 

¿Alguien puede explicar la diferencia entre <Route exact path="/" component={Home} /> y <Route path="/" component={Home} /> No sé el significado de "exacto"

161 reactjs  react-router  react-router-dom 

React router permite que las aplicaciones reaccionen para manejar /arbitrary/route. Para que esto funcione, necesito que mi servidor envíe la aplicación React en cualquier ruta coincidente. Pero el servidor de desarrollo webpack no maneja puntos finales arbitrarios. Aquí hay una solución que usa un servidor express adicional. Cómo permitir que …

148 reactjs  ecmascript-6  webpack  react-router 

Estoy usando react con react-router. Estoy tratando de pasar propiedades en un "Enlace" de 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(){ …

137 javascript  reactjs  react-router 

Considera lo siguiente: var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; Tengo …

132 react-router