पैरेंट से Props भेजना
पैरेंट टेम्पलेट में चाइल्ड कंपोनेंट के props को मान प्रदान करें।
पैरेंट से Props भेजना, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
चाइल्ड आयात करें
चाइल्ड कंपोनेंट को पैरेंट में लाने के लिए सबसे ऊपर मानक ES import का उपयोग करें।
<script>
import Greeting from "./Greeting.svelte";
</script>टैग का उपयोग करें
चाइल्ड को उसके बड़े अक्षर से शुरू होने वाले नाम वाले टैग को लिखकर रेंडर करें।
<Greeting />स्थिर मान भेजें
उद्धरण वाली विशेषताओं के साथ शाब्दिक स्ट्रिंग भेजें।
<Greeting name="Ada" />गतिशील मान भेजें
मान को घुंघराले कोष्ठकों में रखकर JS अभिव्यक्ति भेजें।
<Greeting name={userName} />समान नाम का संक्षिप्त रूप
यदि प्रॉप और चर का नाम समान है, तो संक्षिप्त रूप {name} का उपयोग करें।
<Greeting {name} />एकाधिक प्रॉप
स्थिर, गतिशील और संक्षिप्त रूप वाले प्रॉप को किसी भी क्रम में मिलाएँ।
<Card title="Tasks" {items} count={items.length} />प्रॉप फैलाना
{...obj} सिंटैक्स से प्रॉप की कोई ऑब्जेक्ट फैलाएँ।
<Card {...cardProps} />सशर्त प्रॉप
सशर्त मान देने के लिए टर्नरी अभिव्यक्तियों को मिलाएँ।
<Button label={isLoading ? "Saving..." : "Save"} />बूलियन संक्षिप्त रूप
उसे true पर सेट करने के लिए बिना मान वाली बूलियन विशेषता भेजें।
<Toggle disabled />प्रॉप के रूप में फ़ंक्शन
कॉलबैक के लिए फ़ंक्शन संदर्भों को प्रॉप के रूप में भेज सकते हैं।
<Modal onClose={() => (open = false)} />ऑब्जेक्ट प्रॉप
जब कई संबंधित मान साथ भेजे जाते हों, तब पूरी ऑब्जेक्ट भेजें।
<UserCard user={currentUser} />त्वरित जाँच
आप किसी चर को प्रॉप के रूप में कैसे भेजते हैं?
पुनरावलोकन
आयात करें, टैग का उपयोग करें और शाब्दिक मानों, अभिव्यक्तियों, संक्षिप्त रूप या फैलाव से प्रॉप भेजें।
एआई शिक्षक के साथ HTML सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 41
- पाठ
- 163
अक्सर पूछे जाने वाले प्रश्न
क्या “पैरेंट से Props भेजना” पाठ निःशुल्क है?
हाँ—“पैरेंट से Props भेजना” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Sveltejs Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“पैरेंट से Props भेजना” में मैं क्या सीखूँगा?
पैरेंट टेम्पलेट में चाइल्ड कंपोनेंट के props को मान प्रदान करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Sveltejs Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।
“पैरेंट से Props भेजना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर Sveltejs Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- export let से Props घोषित करना
- पैरेंट से Props भेजना
- Props के डिफ़ॉल्ट मान
- $$props और $$restProps से Props अग्रेषित करना