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.
167
preguntas
-1
votos
0
respuestas
20
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!...
0
votos
0
respuestas
13
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:
...
1
voto
0
respuestas
23
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 '...
0
votos
1
respuesta
24
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.
...
0
votos
0
respuestas
21
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 } ...
0
votos
0
respuestas
23
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 ...
0
votos
0
respuestas
36
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';...
0
votos
0
respuestas
35
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 ...
0
votos
0
respuestas
26
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 ...
0
votos
0
respuestas
12
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....
0
votos
1
respuesta
34
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 ...
0
votos
2
respuestas
34
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 ...
0
votos
0
respuestas
5
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 ...
0
votos
0
respuestas
13
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 ...
1
voto
1
respuesta
18
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 ...
0
votos
0
respuestas
21
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 ...
0
votos
1
respuesta
15
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 ...
0
votos
0
respuestas
20
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 ...
0
votos
0
respuestas
11
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 ...
0
votos
0
respuestas
66
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()...
0
votos
0
respuestas
30
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 ...
0
votos
1
respuesta
29
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);
...
0
votos
1
respuesta
13
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 ...
0
votos
0
respuestas
16
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 ...
0
votos
0
respuestas
46
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 ...
0
votos
1
respuesta
29
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 ...
0
votos
1
respuesta
237
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 ...
0
votos
0
respuestas
30
vistas
Problema con react router 6.4
Tengo una duda esque en react router 6.4 y es que activa 2 links no se porque, pero probe en la version 6.3 y no me da ese error funciona normal solo en esta ultima version me activa 2 links, quizas ...
1
voto
0
respuestas
19
vistas
Error al subir la imagen a mongodb en React con componentes de clase
estoy creando una aplicación con React y con componentes de clase, el objetivo es crear artículos para un blog. Estoy utilizando mongodb como base de datos y hasta ahora todo me funcionaba ...
0
votos
1
respuesta
43
vistas
El componente **Switch** no renderiza en React
Tengo el siguiente codigo y al ejecutarlo el componente switch no renderiza correctamente, solo funciona cuando esta comentado, no se cual es el problema ya que no me manda mensaje de error en la ...
0
votos
2
respuestas
120
vistas
¿Cómo paso la función de className a NavLink?
Sucede que estoy usando React Router v6 y styled components en mi proyecto. Quiero aplicarle estilos a un elemento NavLink del react router usando styled components, pero también quiero poder ...
0
votos
0
respuestas
12
vistas
useLocation me da un valor anterior al cambiar de pagina
Porque cuando intento hacer console.log de un estado el cual es guardado el valor de location, este solo me muestra el valor anterior a este.
0
votos
3
respuestas
116
vistas
Navegar por id de elemento en React v6
Soy un nuevo desarrollador, actualmente me encuentro realizando un portafolio, y no lo hice por HTML básico, sino cree un proyecto de React V6. El inconveniente que tengo, es que no puedo desplazarme ...
0
votos
1
respuesta
43
vistas
React.js: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render
Quiero agregar la funcion addOrRemoveFromFavs al element dentro del Route listado, pero me muestra el error del titulo (Functions are not valid as a React child. This may happen if you return a ...
0
votos
3
respuestas
67
vistas
Enlazar rutas correctamente según sean invocadas de un componente u otro con React-Router
estoy realizando unas prácticas donde tengo que hacer una web de peliculas con una API. Tengo dos componentes (películas y series) que comparten el mismo navegador. Necesito poner un condicional para ...
0
votos
0
respuestas
48
vistas
Error al instalar React-router-dom
Quisiera saber porque me esta tirando la consola este error al instalar dicha librería, por lo que pude llegar a entender pasa algo con MUI/Styles ya que tengo instalado Material UI, alguien me puede ...
0
votos
0
respuestas
40
vistas
¿Por qué mi App no me está direccionando a mis container?
Estoy usando react-router-dom, y primero me daba un error:
export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, ...
0
votos
0
respuestas
16
vistas
¿Cómo se llama la función para editar la ruta URL sin cambiar de página?
Estoy aprendiendo a usar la librería react-router-dom y no encuentro (o no veo) la función que me permite editar la URL sin cambiarme de página.
0
votos
2
respuestas
662
vistas
react link externo
como puedo hacer para que este link externo funcione?. Esto es en react-router-dom me abre un link dentro de mi proyecto, cuando yo quiero que vaya a la web de google
<Link to="https://www....
0
votos
1
respuesta
105
vistas
React Router no me posiciona al inicio de la pagina
Buenos dìas estoy usando React Router por primera vez, el caso es que es una aplicaciòn landing page con 5 pestañas o rutas,
El error que presento es que cuando estoy por ejemplo en Home y bajo hasta ...
0
votos
0
respuestas
34
vistas
Fallo al renderizar react-router-dom (NavLink)
Estoy haciendo un ejercicio para practicar React utilizando Router y tengo un fallo al renderizar NavLink. Las rutas del navegador al pinchar en diferentes páginas cambia bien pero solo imprime en ...
1
voto
1
respuesta
338
vistas
Problema con React 18 y React Router v5: No me re-renderiza el componente
Hola a todos estoy aprendiendo sobre react y en este momento mas concretamente sobre react router. Estoy usando la versión 5.2.0 del mismo. Sé que ya esta la versión 6 pero esa la aprenderé después. ...
1
voto
0
respuestas
83
vistas
Link de routeo en react no me cambia contenido de la pantalla
me está pasando esto:
Estoy aprendiendo react y estoy en la parte de routeo. Al tocar el "productos", del menú del navbar no me cambia el contenido hasta que refresco la página, lo mismo me ...
0
votos
0
respuestas
87
vistas
Cómo extraer porción de url dinámica. React hook useParams();
Uso versión 6 de React-router-dom.
¿Puedo obtener el id dinámico de la URL para usarlo denro del onFilter?
Esta función devuelve un objeto que quiero mandar a Ciudad cuando se renderice. Es decir ...
0
votos
1
respuesta
401
vistas
¿Como redireccionar a otro componente con react router?
Hice una app de películas haciendo peticiones a una api externa. Al hacer click en "pagina siguiente" la función de abajo evalúa si esta mostrando la lista de películas que viene por defecto,...
0
votos
0
respuestas
18
vistas
Cómo configurar redirección en router de React?
Estoy haciendo una app de películas con la api de "tmdb". Puedo hacer coincidir la ruta seleccionada con el genero elegido y con la pagina siguiente o anterior, lo que no se hacer es los dos ...
0
votos
0
respuestas
21
vistas
Tengo un inconveniente con la propiedad current de un formulario en React Ts
Estoy realizando una pagina web con React Ts y estaba realizando el paso de mi formulario a emailjs. Me encontré con el siguiente problema:
La propiedad 'current' no existe en el tipo 'string | ((...
0
votos
0
respuestas
78
vistas
hay Outlet o algo similar para react-router-dom 5?
Estoy usando la version 5 de react-router-dom y queria saber si existe en esta version algo parecido a outlet que se implemento en versiones posteriores ya que lo que quiero hacer es dividir mi pagina ...
1
voto
0
respuestas
242
vistas
Active Navlink en React Router v6 con Params
Hola estoy haciendo un ejercicio con React Router y me pasa que cuando paso la ruta por props el style del active navlink me funciona ok, pero cuando lo hago por parámetros no me funciona!alquien sabe ...
0
votos
0
respuestas
20
vistas
¿Cómo podría enrutar de manera automática los archivos de una carpeta en REACT?
Estoy trabajando en un proyecto personal, menús para restaurantes. Anteriormente estaba usando HTML y CSS, pero ahora me gustaría comenzar con una app en react, lo que estoy intentando es enrutar ...