es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: REACT-ROUTER-DOM

Cómo usar “push” en React Router DOM v6

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.

¿Cómo convertir todas las “Route”, incluyendo “AdminRoute”, a la última versión de “react-router-dom”?

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>

React.js cómo agregar una variable en el parámetro de la URL

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