Preguntas con la etiqueta [react-router-dom]

Use esta etiqueta para preguntas sobre el uso de DOM y los enlaces de React Router v4, v5 y v6.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
12 vistas

En un proyecto usando Lazy Loading y Suspense en React no logro renderizar un componente

Espero que esten bien. Tengo un problema realizando un proyecto en React, particularmente una suerte de react-router pero menos pretencioso solo para entender la dinamica de como funciona esa libreria ...
alejoevilches's user avatar
0 votos
2 respuestas
15 vistas

Problema de enrutamiento en produccion con react y express

estoy terminando un sistema de gestion para una empresa que tiene que tener una integración con su viejo sistema ya que hay reportes y herramientas que aún no desarrollé. El proyecto esta hecho con ...
Angel Magaquian's user avatar
0 votos
0 respuestas
13 vistas

como establezco datos dentro de la propiedad context en react-router

estoy migrando a la nueva version de react-router y me di cuenta que hay una nueva funcion llamada createBrowserRouter const router = createBrowserRouter([ { path: "/", element: <...
Enzo's user avatar
  • 121
0 votos
0 respuestas
6 vistas

React + apolloClient error no renderiza informacion

estoy queriendo redirigir a un componente desde una ruta dinamica que toma como argumento el id del objeto a travez del url localhost:5173/noticias/1234 supongamos que quiero dirigirme a la noticia ...
HernanS's user avatar
0 votos
1 respuesta
32 vistas

Importa y Exportar en React JS [cerrada]

¿Cuál es la manera correcta de importar y exportar en React.js? Necesito ayuda con esto ya que he estado teniendo problemas desde que empecé con React y me gustaría que alguien con experiencia en ...
Fernando Espinosa's user avatar
0 votos
0 respuestas
16 vistas

React Routing no funciona en una app dentro de un dominio con Wordpress

Tengo un blog en Wordpress y de manera independiente he desarrollado una app en React en un subdirectorio. La app funciona, se carga correctamente, pero cuando uso algún path me da dos tipos de error ...
Antonio Ruiz's user avatar
0 votos
1 respuesta
29 vistas

¿Como resolver el siguiente problema: You rendered descendant <Routes> (or called `useRoutes()`)?

Estoy desarrollando una página web con React y React-router-dom en mi componente App.js tengo el componente Routes en cual defino las rutas de la página, la ruta inicial muestra un componente de ...
Torniceli601's user avatar
0 votos
1 respuesta
22 vistas

Error en la definición de rutas en aplicación React

en proceso de aprender un poco React y en mi primera aproximación, estoy teniendo el primer inconveniente: Este es mi archivo router.jsx import {createBrowserRouter} from 'react-router-dom' import ...
René Merlo's user avatar
0 votos
1 respuesta
35 vistas

Scroll entre componentes React

estoy queriendo realizar lo que dice el titulo, el efecto que hay en las web estaticas con solo html, donde podes realizar un scroll con un elemento seccion podias deslizar hasta elemento que tenga ...
user300807's user avatar
0 votos
0 respuestas
13 vistas

como puedo lograr que realice la navegacion correctamente?

en esta función se supone que debe validar que rol tiene el usuario para así renderizar uno u otro componente function Main() { useEffect(() => { checkAuth(); }, []); ...
Santiago's user avatar
0 votos
0 respuestas
12 vistas

react no toma los import

Tengo un componente header el cual tiene unos botones, donde si se presiona uno deberia mostrar lo que esta en otro componente, que en este caso es un h1, todo esto lo llamo en el principal app.js, ...
Sandra Sepúlveda Aguayo's user avatar
0 votos
0 respuestas
17 vistas

Como mandarle el resultado de busqueda del componente header a componente dashboard en react?

Tengo esta estructura de mi layout import React from 'react'; import { Outlet } from 'react-router-dom'; import Header from './components/header/header.jsx'; export default function Layout() { ...
Alvaro Duron's user avatar
0 votos
1 respuesta
106 vistas

Calendario semanal pero sin horas con React

estoy intentado crear una interfaz de usuario como la de la imagen, donde pueda guardar mis clases y todo lo que hago en ellas de manera rapida y sencilla. Estoy buscando un componente que me ayude a ...
waldette's user avatar
0 votos
0 respuestas
80 vistas

Rutas protegidas con React Router Dom V6

Estoy creando una aplicación en React utilizando react router dom v6. Para crear las rutas de la app estoy utilizando createBrowserRouter así const router = createBrowserRouter([ { path: &...
Daniel Carvajal's user avatar
0 votos
0 respuestas
19 vistas

No se renderiza el componente Outlet

buen dia, estoy tratando de proteger las rutas de mi front-end, hago la validacion mediante el estado global del usuario que se manda a pedir en el login, pero al momento de renderizarlo solamente me ...
DjRober's user avatar
  • 13
0 votos
0 respuestas
13 vistas

Poner dos Route dentro de una condición

El objetivo es que si la variable 'status' es true me permita elegir una de las rutas y en caso contrario otra ruta. El código que tengo es: return ( <> <Routes> {(status === '...
MC2020's user avatar
  • 1
0 votos
0 respuestas
5 vistas

Como importar estados de una Slice con los mismos metodos

1.Necesito importar dos Slices (pictogram y video) ambos con metodos find y clear, pero cuando importo el segundo (no importa el orden) me dice que find ya esta definida, estoy trabajando en un front ...
Diego Sánchez's user avatar
0 votos
1 respuesta
185 vistas

Uncaught TypeError: Cannot destructure property 'user' of 'UserAuth(...)' as it is undefined

Estoy intentando de pasar un contexto a la seccion de register y login para poder mantener posteriormente el usuario en la página, que tenga permanencia, por aca es donde hare los registros en ...
Radenixlol's user avatar
0 votos
0 respuestas
65 vistas

Redirigir a un archivo pdf con un link en React

cuento con el siguiente codigo, el proposito de mi pagina es el poder mostrar diferentes PDFs dependiendo el link que se use, en este caso importe el pdf en mi router y trate de mostrarlo al momento ...
Javier López's user avatar
0 votos
0 respuestas
9 vistas

Como podría colocar la vista login por encima del navbar y la home de mi app usando single SPA

Estoy trabajando con single SPA para el desarrollo de un módulo de órdenes y el login que se utilizará para pasar a la vista del home de la app es el de MSAL, y lo que no he podido lograr es que al ...
Nohemi Martinez's user avatar
0 votos
0 respuestas
86 vistas

¿Por qué al cambiar de pestaña se cambia la página de mi app react router dom?

Buen día comunidad, tengo un problema estoy realizando una pequeña aplicación con react y react router dom pero tengo un problema lo que pasa es lo siguiente tengo una página de signIn, otra de ...
Torniceli601's user avatar
0 votos
2 respuestas
64 vistas

¿Como mando props a traves de un Link a un componente en React?

Tengo un boton (con un Link dentro) en el cual pretendo enviar una imagen y un titulo, mediante props, y no logro que reciba ninguno de los dos. -estoy usando React Router V6.8 - Dejo el codigo aqui: ...
Lorenzo Casal's user avatar
0 votos
0 respuestas
18 vistas

No resource with given URL found Electron && React

tengo un problema con Electron && React router dom cuando creo una nueva ventana con la ruta del componente, esto no se carga y envía un error No resource with given URL found bueno por alguna ...
GreennWolf's user avatar
-2 votos
1 respuesta
133 vistas

No puedo Instalar React-router-dom

hago npm install react-router-dom y me sale que tengo muchas vulnerabilidades que no lo puedo instalar. Le doy a la recomendación de fix e igual no lo soluciona. Hay otra manera de instalarlo? Gracias!...
Sofia's user avatar
  • 9
0 votos
1 respuesta
41 vistas

No renderiza react router dom y aparece error 404

Buen dia, tengo una app en React con host ejemplo "app.com", y mi problema es que cuando pego la url "app.com/mensajes" aparece el error 404. El código del router es el siguiente: ...
C Bannerd's user avatar
1 voto
0 respuestas
54 vistas

React Redux Router

Estoy haciendo una aplicacion con React + Redux + React Router Dom Tengo las rutas definidas usando createBrowserRouter En mi archivo Index tengo el siguiente bloque de codigo: import React from '...
MCcover's user avatar
  • 117
0 votos
1 respuesta
269 vistas

React: como puedo redirigir a otra ruta luego de haberme logueado

entiendo la navegación con el componente {Navigate} que ofrece "react-router-dom" pero aqui es un evento "onSubmit" no entiendo muy bien como funciona el enrutamiento en un metodo. ...
Jesús Morales's user avatar
0 votos
0 respuestas
93 vistas

¿Por qué no funciona LINK to="/" en mi React App?

El problema es el siguiente: Componente NAVLINKS: import { Box, ListItem, ListItemButton, ListItemIcon, Divider, } from "@mui/material"; import { Link } ...
Julian Nicolas Magra's user avatar
0 votos
0 respuestas
72 vistas

Redireccionar paginas y componentes con react-router-dom

Soy desarrollador junior cuya tarea es crear unos formularios de login, olvidar y resetear contraseña que cuando le des al boton "Olvido contraseña" te redireccione al sitio donde poner tu ...
Turing's user avatar
  • 19
0 votos
0 respuestas
44 vistas

No me manda a la URL / página que le indico

Estoy haciendo un proyecto en ReactJS, en el cual en el archivo App.js quiero usar el menú de navegación de Bootstrap para llamar todas la páginas. Esto es el archivo App.js: import React from 'react';...
Saulo's user avatar
  • 107
0 votos
0 respuestas
41 vistas

SocketIO no trabaja en componentes de otras rutas en REACT

Tengo un componente llamado NAV este componente es estático en la aplicación, en ese componente manejo la escucha del socket.on para almacenar la información de notificación, si hay una ruta que no ...
Melvin Colmenares's user avatar
0 votos
1 respuesta
201 vistas

Uncaught SyntaxError: Invalid or unexpected token - React Vite

Estoy trabajando con React Vite y Strapi, venia trabajando bien y me encontre con este error Uncaught SyntaxError: Invalid or unexpected token el cual me informa que esta en la primer linea del ...
Camilo Rodriguez's user avatar
0 votos
0 respuestas
30 vistas

Como cargar un video a un Content en Strapi

Hola estoy haciendo una aplicacion usando Strapi y quiero cargar un video desde la opcion input type File. Todo va bien hasta que envio la solicitud POST y al ver lo que me carga en media me sale Null....
Camilo Rodriguez's user avatar
0 votos
1 respuesta
124 vistas

Unexpected token o in JSON at position 1 - Problema haciendo un POST - Strapi

tengo un problema haciendo un POST a una API creada en Strapi y estoy usando React vite. el error que sale es que al hacer el submit, en consola me sale POST http://... 400 (Bad Request) y en consola ...
Camilo Rodriguez's user avatar
0 votos
2 respuestas
279 vistas

Como puedo hacer que el Link de React Router Dom me abra en otra pagina distinta y no en la misma de inicio?

Estuve viendo tutoriales y utilizan Switch y Router y otros que mi Visual Studio Code no me permite. Mi problema no es con un enlace dinamico sino que cuando creo un Link con Router Dom en vez de ...
Sofia88's user avatar
0 votos
0 respuestas
8 vistas

cuando escribo http://misitio.com/passwordreset aparece cannot get url en react.js

estoy intentando hacer que al leer un QR vaya a la pagina del producto http://misitio.com/producto/manzana con react.js y react-router-dom v6, este es mi app.js <Routes> <Route ...
Ernesto Beltrán's user avatar
0 votos
0 respuestas
16 vistas

Loop de backend.bundle.js en aplicación de React

Estoy en una simple aplicación de react en la que consumo una API rest en unos componentes pero me muestra este mensaje en consola de manera continua al realizar acciones como ir a un link, realizar ...
Edison Jao5's user avatar
1 voto
1 respuesta
27 vistas

Problema al ingresar a los valores de mi state : Optional Chaining

Estoy haciendo una app utilizando una API, mediante un state guardo la informacion del personaje en detalle en la const character pero cuando quiero ingresar a la variable character.origin.name me da ...
DjRober's user avatar
  • 13
0 votos
0 respuestas
52 vistas

Mi llamada de hook de estado no funciona React

Estoy intentanto hacer un inicio de sesion con roles (admin,profesor,etc.) con Private route pero mi hook esta arrojando null (Valor inicial) y no se esta actualizando, entonces no puedo entrar a la ...
Rodrigo Paredes's user avatar
0 votos
1 respuesta
18 vistas

Buscador del header cambie su funcion segun componentes renderizado

estoy desarrollando un página web con reactjs y tengo un header y footer que siempre estan renderizandose mientras que va cambiando solo el main que son otros componentes, usando react-router-dom. En ...
FranyxD's user avatar
  • 661
0 votos
0 respuestas
29 vistas

Las rutas solo me redirigen a un componente en React

Estoy intentando hacer las rutas públicas y privadas de mi proyecto, y quiero que cuando existe el token, se tenga acceso tanto a las rutas públicas como privadas, pero solamente me toma las rutas ...
Lucas Cabral's user avatar
0 votos
0 respuestas
38 vistas

ReactJs + Firebase => Ocultar NavBar cuando usuario inicie sesión

Buen dia, Soy nuevo en React y no he podido hallar como ocultar la navBar cuando el usuario inicie sesión, estoy usando Firebase para ello, lo que intenté primero fue leer del contexto usuarioContexto ...
GABRIEL URIBE's user avatar
0 votos
0 respuestas
115 vistas

Uncaught Error: useSubmitImpl must be used within a data router

Le quise agregar formik a un proyecto en el que estoy trabajando, pero por lo que veo hay una especie de problema con react router. El error ocurre al crear un formulario. Código: rutas: function App()...
guido's user avatar
  • 9
0 votos
0 respuestas
45 vistas

Cómo pasar parámetros a un procedimiento almacenado de sql server

export const getArticuloStock = async (req, res) => { const { desde, hasta, tipo, depo } = req.params try { const pool = await getConnection(); const result = await ...
Juan Carlos Artaza's user avatar
0 votos
1 respuesta
138 vistas

Pasar parametros en URL

Necesito mandar los detalles de un producto a otra pagina que me muestra mas especificaciones, el codigo que tengo es el siguiente: const setDetails = () => { setId(id); setTitle(title); ...
sebcostilla's user avatar
0 votos
1 respuesta
54 vistas

Consulta sobre react router. Donde debe ir el BrowserRouter?

tengo una duda sobre react router al usarlo en un proyecto. Donde iria el BrowserRouter que va a contener las Routes? en el index.js o en app.js? Vi 2 proyectos donde lo usaban y en uno lo ponian en ...
guido's user avatar
  • 9
0 votos
0 respuestas
32 vistas

No se como traer la informacion de un Promise {<pending>} React JS React Router Dom

Estoy trayendo una informacion de los parametros de la URL y unos datos de una consulta a una API en el loader como se ve en la siguiente imagen: I am bringing information from the URL parameters and ...
Camilo Rodriguez's user avatar
0 votos
0 respuestas
86 vistas

Mi app React no carga la página cuando utilizo el botón de hacia atrás en el navegador

Tengo una app de React(v18.2.0) con react-router-dom(v5.2.0). La navegación funciona correctamente pero cuando pulso el botón hacia atrás del buscador la URL cambia pero no cambia el estado y no se ...
Tempname52's user avatar
0 votos
1 respuesta
57 vistas

Cargar "DOMContentLoaded" con React usando router de react js

Actualmente estoy incursionando en el mundo del Front usando vite con react js para la creación de una pagina web y me encuentro en un problema, espero puedan ayudarme y de antemano muchas gracias. De ...
Juanes Lp's user avatar
0 votos
1 respuesta
1k vistas

Error al importar react-router-dom en React+Vite: "The requested module xxxx does not provide an export named yyyy"

Estoy tratando de crear una app, justo me inicio con React, he creado el proyecto con Vite y estoy tratando de importar router-react pero algo falla. Estoy usando "npm run dev" para probar ...
Adrià Fàbrega's user avatar