मैं कर रहा हूँ की तरह अटक गया है... और पता नहीं कर सकते अगर यह एक मुद्दा है के साथ NextJS.
मैं तीन घटकों:
- CardsList (सूचियों सभी कार्ड - कई
<Card>
बच्चों के लिए) - कार्ड (का प्रतिनिधित्व एक कार्ड - एक
<Button>
बच्चे) - बटन प्रदर्शित करता है (एक बटन में कार्ड का उपयोग करता है
<Link>
घटक)
बटन घटक शामिल हैं एक nextjs/लिंक घटक है ।
मैं की जरूरत है पारित करने के लिए लिंक करने के लिए लेख से CardsList, के माध्यम से कार्ड में बटन (और यहाँ में <Link>
'एस href)...
यह काम करता है पूरी तरह से अगर मैं पास लिंक (जैसे /mytest) से सीधे कार्ड के लिए बटन... यह भी स्ट्रिंग जब मैं मार्ग से CardsList, के माध्यम से कार्ड में बटन सिर्फ यह मुद्रित करने के लिए स्क्रीन पर - हाँ, मैं देख सकते हैं अपने मूल्य... लेकिन यह काम नहीं करता है जब मैं ऐसा करते हैं:
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>
);
}
हाँ, {text}
काम करता है - यह भी से पारित कर दिया दादा दादी घटक (CardsList). लेकिन लिंक घटक को स्वीकार नहीं करता है पारित कर दिया सहारा नहीं था तो यह सीधे भेजा अपनी प्रत्यक्ष माता-पिता घटक! (हाँ, यह काम करता है, अगर मैं पास स्ट्रिंग केवल एक ही स्तर पर - लेकिन अगर यह से पारित कर दिया CardsList (और बस के माध्यम से पारित) यह स्वीकार नहीं किया जाएगा!)
मैनेज्ड रनटाइम त्रुटि त्रुटि: विफल सहारा के प्रकार: सहारा
href
की उम्मीद हैstring
याobject
में<Link>
है , लेकिन मिल गयाundefined
के बजाय.
और हाँ, मुझे पता है, मैं का उपयोग कर सकता है राज्य के प्रबंधन, लेकिन मैं नहीं करना चाहते हैं स्थापित करने के लिए पूरे राज्य के प्रबंधन के लिए इस - के रूप में यह नहीं होगा की जरूरत है, यह कहीं और है ।
बहुत बहुत धन्यवाद अग्रिम में है, दोस्तों!
Sascha