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.
176
preguntas
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 ...
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 ...
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: <...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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();
}, []);
...
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, ...
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() {
...
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 ...
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: &...
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 ...
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 === '...
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 ...
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 ...
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 ...
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 ...
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 ...
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:
...
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 ...
-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!...
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:
...
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 '...
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.
...
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 } ...
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 ...
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';...
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 ...
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 ...
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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()...
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 ...
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);
...
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 ...
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 ...
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 ...
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 ...
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 ...