Tengo 2 componentes y necesito enrutar entre ellos y pasar datos del primero al segundo y no enviar el parámetro en la url. pero mi problema es que cuando actualizo la página, los parámetros de consulta se pierden.
<p className={styles.jobname}> <Link href={{ pathname: `alyDeal/` + `${jobId}`, query: { jobName, desc, subcat, city, est, bids, userId, name, picture, jobId, jobImages, budget, neigh, score, phone, email, deadline, jobAddress, createdAt, ownedBus, category, }, }} as={`/alyDeal/${jobId}`} passHref={true} > {jobName} </Link> </p>y en el segundo componente
export const getServerSideProps = async (context) => { { const { query } = context; return { props: { query } }; } const { query } = props; console.log(query);y la consulta siempre devuelve solo la identificación que paso directamente a la URL, pero no el resto del objeto de consulta
¿Alguna solución? };
¿Por qué no leer la consulta directamente en la página? No es necesario utilizar accesorios.
function MyComponent() { const router = useRouter() const { query } = router // use the query data return ( <div>JSON.stringify(query)</div> ) }