Tag: REACT-ROUTER-DOM
Muestra una pantalla en blanco y un error en la consola (No hay rutas coincidentes para la ubicación “/”). import { BrowserRouter as Router, Switch, Routes, Link } from ‘react-router-dom’; import Home from ‘./pages/Home’; import About from ‘./pages/About’; function App() { return ( <> <router> <link to=”/”>Inicio <link to=”/About”>Acerca de . . . Read more
Estoy haciendo un proyecto personal de React.js. Estoy teniendo problemas con useParams. Uno de los problemas que enfrento es que no puedo encontrar un id común para useParams. No puedo mostrar en pantalla los elementos que paso como props en ItemDetails. Este es ItemContainer. import { useEffect, useState } from . . . Read more
Entiendo que React Testing Library tiene un ejemplo de prueba con react router, pero no pude hacer que funcionara (creo que porque estoy usando react router V6). Básicamente, necesito hacer pruebas de router porque tengo un componente de detalles que utiliza useParams() para obtener parte de la url. No puedo . . . Read more
Tengo rutas como estas: export enum routes { PROFILE_SETTINGS = “/settings/profile”, ACCOUNT_SETTINGS = “/settings/account”, PASSWORD_CHANGE = “/settings/account/password”, ACCOUNT_DELETE = “/settings/account/delete”, EMAIL_CHANGE = “/settings/account/email”, USER_COMMENTS = “/profile/:user/comments”, USER_PRODUCTS = “/profile/:user/products”, } <browserrouter> <themeprovider theme=”{theme}”> <communicatortemplate> <maintemplate> <switch> <profiletemplate> <route exact=”” path=”{routes.USER_COMMENTS}” component=”{UserComments}”></route> <route exact=”” path=”{routes.USER_PRODUCTS}” component=”{UserProducts}”></route> </profiletemplate> <settingstemplate> <route exact=”” path=”{routes.PROFILE_SETTINGS}” . . . Read more
Estoy utilizando webstorm para escribir una página de react con react-router-dom@6. react-router-dom@6 tiene incorporado un archivo index.d.ts y @types/react-router-dom no tiene una versión superior a 6. Normalmente, webstorm debería utilizar el archivo index.d.ts incorporado de react-router-dom. Pero webstorm descargó automáticamente el incorrecto @types/react-router-dom@5. Como se puede ver en las siguientes . . . Read more