0
148
Viewsreact-route-dom v6 TypeError: no se pueden leer las propiedades de undefined (leyendo 'estado')
Tengo problemas para pasar el estado al destino del componente especificado en Navegar.
"react": "~18.1.0", "react-router-dom": "^6.3.0", enviar ${address} válida
- de
Wallet.js
import { useNavigate } from "react-route-dom"; const Wallet = ({ address, amount, symbol, destroy }) => { const navigate = useNavigate(); return ( <div> <button> onClick={() => navigate("/booked", { state: { address: `${address}` } }) } </button> </div> ); };- a
RoomManagement.js
import { useLocation } from "react-router-dom"; const RoomManagement = () => { const { location } = useLocation(); console.log("get address: ", location); }Pero en la consola:
He intentado acceder, pero me da error.:
¿Qué habría que modificar?
·
Santiago Trujillo
1 answers
Answer question0
location es el objeto devuelto por el useLocation . entonces el state sería desestructurado desde location .
Ejemplos:
const RoomManagement = () => { const location = useLocation(); useEffect(() => { console.log("get address: ", location.state?.address); }, [location]); ... }o
const RoomManagement = () => { const { state } = useLocation(); useEffect(() => { console.log("get address: ", state?.address); }, [state]); ... }
·
Santiago Trujillo
Report
Answer question