Estoy un poco atascado... y no se puede averiguar si esto es un problema con NextJS.
Tengo tres componentes:
- CardsList (listas de todas las tarjetas - tiene múltiples
<Card>
niños) - Tarjeta (representación de una tarjeta tiene una
<Button>
niño) - Botón (Muestra un botón en la tarjeta de usos
<Link>
componente)
Botón de componente contiene una nextjs/link componente.
Necesito pasar el enlace para el artículo de la CardsList, a través de la Tarjeta, en el Botón (y aquí en mi <Link>
's href)...
Esto funciona perfectamente si me pasan el enlace (por ejemplo, /mytest) directamente desde la Tarjeta a Botón... también Se muestra la Cadena cuando la ruta de CardsList, a través de la Tarjeta en el botón imprimir en la pantalla - sí, puedo ver su valor... pero no funciona cuando hago esto:
export default function Button({ text, link }) {
return (
<Link href={link} passHref>
<button className="bg-transparent hover:bg-primary text-link font-semibold hover:text-white py-1 px-3 border border-link hover:border-transparent rounded self-center" >
{text}
</button>
</Link>
);
}
Sí, {text}
las obras - que también pasaron desde que el abuelo componente (CardsList). Pero el Enlace en el componente de no aceptar el pasado de la proposición si no se envía directamente a partir de su matriz directa de componentes! (Sí, funciona, si me pasan la Cadena de un solo nivel -, pero si se pasa de la CardsList (y pasó por en medio) no será aceptado!)
No controlada Error de tiempo de ejecución Error: Error de la proposición: La proposición
href
espera unstring
oobject
en<Link>
pero meundefined
en su lugar.
Y sí, yo sé, yo podría utilizar el estado de la gestión, pero no quiero instalar todo el estado de la gestión de este, ya que no tendrá en ningún otro lugar.
Muchas gracias de antemano, chicos!
Sascha