0
147
Viewsreact-route-dom v6 TypeError: Cannot read properties of undefined (reading 'state')
I am having trouble passing state to the component destination specified in Navigate.
"react": "~18.1.0",
"react-router-dom": "^6.3.0",
send ${address} valiable
- from
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>
);
};
- to
RoomManagement.js
import { useLocation } from "react-router-dom";
const RoomManagement = () => {
const { location } = useLocation();
console.log("get address: ", location);
}
But in console:
I tried to access, but it gives me an error.:
What would need to be modified?
·
Santiago Trujillo
1 answers
Answer question0
location is the object returned from the useLocation hook. state would then be destructured from location.
Examples:
const RoomManagement = () => {
const location = useLocation();
useEffect(() => {
console.log("get address: ", location.state?.address);
}, [location]);
...
}
or
const RoomManagement = () => {
const { state } = useLocation();
useEffect(() => {
console.log("get address: ", state?.address);
}, [state]);
...
}
·
Santiago Trujillo
Report
Answer question