Som typ zasekol... a nemôže prísť na to, či to je problém, s NextJS.
Mám tri komponenty:
- CardsList (zoznamy všetkých kariet - má viacero
<Card>
deti) - Karty (zastupovanie karty - má
<Button>
dieťa) - Tlačidlo (Zobrazí tlačidlo karta - používa
<Link>
komponent)
Tlačidlo komponent obsahuje nextjs/odkaz komponentu.
Musím odovzdať odkaz na článok z CardsList, prostredníctvom Karty, do Tlačidla (a tu do môjho <Link>
"s href)...
To funguje perfektne, keby som prejsť na odkaz (napr. /mytest) priamo z Karty na Tlačidlo... To tiež ukazuje String keď som trasu z CardsList, prostredníctvom Karty na tlačidlo stačí vytlačiť na obrazovke - áno, vidím, svoju hodnotu... ale to nie je práca, keď som to:
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>
);
}
Áno, {text}
diel, ktorý tiež prešiel od rodiča, komponent (CardsList). Ale Odkaz komponent neakceptuje prešiel prop ak to nebolo priamo poslal z jej priamej materskej component! (Áno, funguje to, ak by som prejsť String iba jednu úroveň, ale ak ho to prešlo z CardsList (a len prešiel) nebude prijatý!)
Nespracovaná Runtime Error Error: Failed prop typ: prop
href
očakávastring
aleboobject
v<Link>
,, ale dostalundefined
namiesto toho.
A áno, viem, mohol by som použiť štátu manažmentu, ale nechcem nastaviť celý štát riadenia na to, ako ho nebudete potrebovať, to kdekoľvek inde.
Ďakujem vám veľmi pekne vopred, chlapci!baviť sa!
Sascha