Tengo eventData que necesito pasar de la página A a la B. Aquí está mi código:
function eCE(eventData) { history.push({ pathname: '/ece', state: eventData }) }) Esta función se activa al hacer clic en el botón, por lo que pasó eventData a través de la función. Ahora necesito enviar eventData a la página siguiente, a la que accedería llamando a /ece . Sin embargo, estoy tratando de obtener el state en la otra página de esta manera:
const { state } = this.props.location console.log(state)no funciona y el error que me sale es:
TypeError: undefined has no propertiesno estoy seguro de qué hacer aquí. agradezco la ayuda!
En la página 1:
import { useHistory } from "react-router-dom"; function page1(){ const history = useHistory(); const goToPage2 = () => { history.push("/page2", { age: 18 }); } return <button onClick={goToPage2}>Go To Page2</button> }En la página 2:
import { useLocation } from "react-router-dom"; function page2(){ const location = useLocation(); return <div><p>{location.state.age}</p></div> }