सामग्री पर जाएं:

• बड़े पैमाने पर #प्रतीक्षा ब्लॉक के बारे में
• जब #await ब्लॉक हल हो जाता है या अस्वीकार हो जाता है तो एक फ़ंक्शन चलाएँ (ट्रिगर करें)
• अपरिभाषित या ब्राउज़र में दिखने वाले किसी भी लौटाए गए टेक्स्ट को ठीक करें
  • 1. विधि 1 (खाली स्ट्रिंग लौटाएं):
  • 2. विधि 2 (सीएसएस के साथ यूआई में फ़ंक्शन से लौटाए गए टेक्स्ट को छुपाएं।)
    • PS: SvelteKit Dev को नियोजित करने की आवश्यकता है? मुझसे संपर्क करें

व्यापक रूप से #प्रतीक्षा ब्लॉक के बारे में

स्वेल्ट में #await ब्लॉक एसिंक्रोनस डेटा को संभालने के लिए बहुत उपयोगी है:

{#await data.myPromise}



{:then results}

{#each results as result}

{error?.message ?? "Something went wrong"}

#await ब्लॉक मूलतः इसी तरह व्यापक रूप से काम करता है। यह वादे की स्थिति के आधार पर अलग-अलग सामग्री प्रदर्शित करता है: लंबित होने पर एक लोडिंग संकेतक, हल होने पर परिणाम, और अस्वीकार होने पर एक त्रुटि संदेश।

लेकिन मान लीजिए कि मैं एक निश्चित फ़ंक्शन चलाना चाहता हूं जब वादा हल हो गया हो या अस्वीकार कर दिया गया हो (टोस्ट की तरह)।

जब #await ब्लॉक हल या अस्वीकृत हो जाए तो एक फ़ंक्शन चलाएँ (ट्रिगर करें)।

यहां बताया गया है कि जब वादा हल हो जाता है या अस्वीकार हो जाता है तो आप विशिष्ट कार्य कैसे चला सकते हैं:

{#await data.myPromise}



{:then results}

{showSuccess(results.length)}

  
{#each results as result}

{error?.message ?? "Something went wrong"}

अब, जब भी कोड ब्लॉक पहुंचेगा, हमारा फ़ंक्शन चलेगा।

• showSuccess को तब कहा जाता है जब वादा पूरा हो जाता है, परिणामों की संख्या को तर्क के रूप में लिया जाता है।
• यदि वादा खारिज हो जाता है तो showError ट्रिगर हो जाता है, एक कस्टम त्रुटि संदेश प्रदर्शित होता है।

हालांकि एक और बात...

अपरिभाषित या ब्राउज़र में दिखने वाले किसी भी लौटाए गए टेक्स्ट को ठीक करें

जब ये फ़ंक्शन चलते हैं, तो जो भी टेक्स्ट लौटाया जाता है वह ब्राउज़र में दिखाई देगा, क्योंकि यह एक तरह का वर्कअराउंड है। हमारे द्वारा उपयोग किया जाने वाला सिंटैक्स आमतौर पर ब्राउज़र में लौटाई गई स्ट्रिंग/संख्याओं को दिखाने के लिए होता है। यहां तक ​​कि कुछ भी नहीं लौटाने पर भी डिफ़ॉल्ट अपरिभाषित हो जाएगा। और यह स्ट्रिंग (जिसका आमतौर पर कोई मतलब नहीं होता), अंतिम उपयोगकर्ता को प्रदर्शित की जाएगी। कुछ इस तरह:

अंतिम उपयोगकर्ता के लिए इसका कोई मतलब नहीं है ?‍♂️?‍♀️

इसलिए, खाली स्ट्रिंग्स लौटाना सुनिश्चित करें, या फ़ंक्शन को किसी छिपे हुए ब्लॉक में लपेटें:

1. विधि 1 (खाली स्ट्रिंग लौटाएँ):

इस पद्धति में, हम यह सुनिश्चित करेंगे कि हमारे फ़ंक्शन से खाली स्ट्रिंग वापस आएँ।

{#await data.myPromise}
  


{:then results}

{showSuccess(results.length)} 


{#each results as result}

{error?.message ?? "Something went wrong"}

इससे यह सुनिश्चित हो जाएगा कि खाली स्ट्रिंग वापस आ गई हैं।

--- या ---

2. विधि 2 (सीएसएस के साथ यूआई में फ़ंक्शन से लौटाए गए टेक्स्ट को छुपाएं।)

इस पद्धति में, हम इसके बजाय यूआई में फ़ंक्शन ब्लॉक छिपा देंगे, ताकि लौटाया गया पाठ उपयोगकर्ता की दृष्टि से छिपा रहे।

{#await data.myPromise}
  


{:then results}
 
  

{showSuccess(results.length)}



{#each results as result}