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...

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...

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 =...

¿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

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,...

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...

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 / page / pathParam <=...

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...

¿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');

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...

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...

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

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...

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...

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}...

Estoy usando la última versión del módulo react-router, llamado react-router-dom, que se ha convertido en el predeterminado al desarrollar aplicaciones web con React. Quiero saber cómo realizar una redirección después de una solicitud POST. He estado creando este código, pero después de la...

Soy nuevo en ReactJS y en React-Router. Tengo un componente que recibe a través de accesorios un <Link/>objeto de react-router . Cada vez que el usuario hace clic en el botón 'siguiente' dentro de este componente, quiero invocar el <Link/>objeto manualmente. En este momento, estoy...

Estoy tratando de agregar un componente de mapa React a mi proyecto pero me encuentro con un error. Estoy usando la publicación de blog de Fullstack React como referencia. Rastreé dónde se arroja el error en google_map.js línea 83: function _classCallCheck(instance, Constructor) { if (!(instance...

Ambos tienen Ruta, Enlace, etc. ¿Cuándo usar uno u otro? Estoy realmente confundido sobre dónde usar cada uno. ¿Lado del servidor? ¿Lado del cliente? https://reacttraining.com/react-router/ En algunos ejemplos es necesario pasar el historial, en otros no. ¿Qué hacer? <Router...

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}...