Tag: REACT-ROUTER-DOM
Utilizo react-router-dom v6, vi que hubo algunos cambios. Necesito reemplazar esto: return <Redirect push to={`/url/${this.state.myState}`} /> con: return <Navigate replace to={`/url/${this.state.myState}`} /> pero no sé cómo utilizar el “push” en la versión 6.
Aquí está cómo puedo convertir “AdminRoute” a la última versión “react-router-dom”… <switch> <route exact=”exact” path=”{ruta}”> <dashboardhome></dashboardhome> </route> <adminroute path=”{`${ruta}/addProduct`}”> <addproduct></addproduct> </adminroute> <adminroute path=”{`${ruta}/manageProducts`}”> <manageproducts></manageproducts> </adminroute> <adminroute path=”{`${ruta}/makeAdmin`}”> <makeadmin></makeadmin> </adminroute> </switch>
Quiero agregar un enrutador en mi página para cambiar entre componentes. Estoy usando Switch para cambiar entre rutas, pero está lanzando un error ya que Switch no está exportado a react-router-dom. Si este es el problema con la versión de React, quiero saber cómo cambiar el código para poder cambiar . . . Read more
Lo que estoy intentando hacer: Tengo un formulario que un cliente está completando. Eligen el día y la hora de una cita antes de pagarla. Durante el pago, son redirigidos a una página de pago alojada y luego regresan para completar el proceso. Cuando se redirige, parte de la información . . . Read more
El enlace desde mi backend produce ?id= para que mi frontend analice usando queryString. ¿Hay alguna forma de cargar este enlace en el frontend? http://localhost:3000/resetpassword/?id=61bc1fbe3490be4f3594cc3e/?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJfaWQiOiI2MWJjMWZiZTM0OTBiZTRmMzU5NGNjM2UiLCJmaXJzdG5hbWUiOiJPY2VhbiIsImxhc3RuYW1lIjoiUnlhbiIsImVtYWlsIjoib2NlYW5yeWFuNzI1QHlhaG9vLmNvbSIsInBob25lTnVtYmVyIjo2MjgxMTYxNTIyNjMyLCJkb2IiOiIyMDAwLTA3LTI1VDAwOjAwOjAwLjAwMFoiLCJwYXNzd29yZCI6IiQyYiQxMCR6Li9hMHFQYVFzdnNCUEtxc2QuaENlWmI3OWpIYW1VdHdXNmVnSEpLLlhndHFGZzV3djJ0bSIsIl9fdiI6MH0.21irj8fCPQFvCqmp-3E9BJmqwVp81gyQxIW5LgFplMg App.js import ‘./App.css’; import { BrowserRouter, Routes, Route, } from “react-router-dom”; //v6 import LandingPage from “./pages/LandingPage/LandingPage”; import ResetPwPage from “./pages/ResetPwPage/ResetPw”; function App() { return ( . . . Read more