Tag: REACT-ROUTER-DOM
Aquí está la captura de pantalla del código. Quiero renderizar el componente Homepage, pero quiero envolverlo dentro del componente MainLayout. El problema es que la pantalla está en blanco y no hay ningún error en la Terminal, pero cuando inspecciono la página, dice “La ruta hoja coincidente en la ubicación . . . Read more
Compilado con problemas: X ERROR en ./src/route/AppRoute.js 12:37-43 La exportación ‘Switch’ (importada como ‘Switch’) no se encontró en ‘react-router’ (exportaciones posibles: MemoryRouter, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createRoutesFromChildren, generatePath, matchPath, matchRoutes, renderMatches, resolvePath, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes) Mi código fuente . . . Read more
¡Hola chicos! Espero que estén bien y listos para Navidad. Tengo este componente funcional que reproduce una animación cuando presionas un enlace para cambiar de página. Esto es genial, pero está completamente defectuoso en navegadores como Safari para iOS debido a los gestos de deslizamiento hacia atrás y hacia adelante. . . . Read more
He estado siguiendo un tutorial de comercio electrónico y construyendo sobre él. Soy nuevo en React y React Router Dom. He establecido una ruta dinámica para las páginas de productos individuales, y ahora estoy tratando de agregar algunas rutas nuevas, por ejemplo contacto, acerca de, etc. Si agrego las nuevas . . . Read more
Estoy trabajando con react-router-dom@6.2. Cuando intento envolver mis elementos con el elemento “DefaultLayout” manualmente, todo parece estar bien: <route path=”/privacy” element=””></route><pagelayout><privacy></privacy></pagelayout>} /> <route path=”/tos” element=””></route><pagelayout><tos></tos></pagelayout>} /> Sin embargo, cuando intento usar: <route element=””></route><pagelayout></pagelayout>}> <route path=”/privacy” element=””></route><privacy></privacy>} /> <route path=”/tos” element=””></route><tos></tos>} /> Solo obtengo el encabezado y el pie de página . . . Read more