सशर्त प्रतिपादन रिएक्ट में सबसे अधिक उपयोग किए जाने वाले में से एक है। जैसे-जैसे एप्लिकेशन बढ़ता है और चीजें जटिल होती जाती हैं, सशर्त रेंडरिंग स्टेटमेंट कम पठनीय हो सकते हैं। इस लेख में, हम चर्चा करेंगे कि रिएक्ट में आसानी से सुंदर कंडीशन कैसे लिखें।

सामान्य सशर्त प्रतिपादन तकनीकें

प्रतिक्रिया घटकों में सशर्त प्रतिपादन लागू करते समय ये कुछ तकनीकें उपयोग की जाती हैं:

&& का उपयोग करना

यह सशर्त प्रतिपादन के लिए सबसे अधिक इस्तेमाल की जाने वाली तकनीकों में से एक है। यह याद रखना महत्वपूर्ण है कि इस तकनीक का उपयोग बहुत सावधानी से किया जाना चाहिए क्योंकि इससे अप्रत्याशित कीड़े हो सकते हैं।

यदि/अन्यथा कथनों का उपयोग करना

प्रतिक्रिया में सशर्त प्रतिपादन के लिए एक अन्य तकनीक if/else कथनों का उपयोग कर रही है। जांच करने के लिए कई शर्तें होने पर इसका परिणाम जटिल घटक कोड हो सकता है।

टर्नरी ऑपरेटर का उपयोग करना

टर्नरी ऑपरेटर रिएक्ट में सशर्त प्रतिपादन के लिए उपयोग की जाने वाली एक लोकप्रिय तकनीक है। टर्नरी ऑपरेटर का उपयोग करने में समस्या यह है कि जब आपके पास जांच करने के लिए कई शर्तें होती हैं, तो नेस्टेड टर्नरी ऑपरेटर के उपयोग की ओर अग्रसर होता है। यह कोड को कम पठनीय और जटिल बना सकता है।

स्वच्छ सशर्त लेखन

प्रस्तुत है , एक सरल और छोटा रिएक्ट घटक जो आपको रिएक्ट में सुंदर सशर्त लिखने की अनुमति देता है। यह आपको जल्दी से रिएक्ट में पढ़ने योग्य सशर्त रेंडरिंग कोड लिखने में सक्षम करेगा। चाहे आपको एक शर्त या शर्तों की एक श्रृंखला का परीक्षण करने की आवश्यकता हो, आप ऐसा के साथ कर सकते हैं ।

<रेंडरव्हेन /> घटक if/else और स्विच/केस स्टेटमेंट के समान काम करता है। यह आपको प्रतिक्रिया में सशर्त प्रतिपादन के लिए शर्तों की एक श्रृंखला की जांच करने की अनुमति देता है।

उपरोक्त उदाहरण में, कोड सप्ताह के दिनों के आधार पर एक संदेश प्रदर्शित करता है। अंतिम सशर्त हमेशा सत्य होता है, लेकिन यह तभी प्रस्तुत होगा जब उपरोक्त सभी शर्तें विफल हो जाएंगी। यह ठीक स्विच/केस डिफॉल्ट स्टेटमेंट की तरह काम करता है।

<रेंडरव्हेन /> घटक isTrue प्रोप को स्वीकार करता है, जिससे आप नेस्टेड कंडीशन को लागू कर सकते हैं। इसका मतलब यह है कि सभी चिल्ड्रन कंडीशनल की जाँच तभी की जाएगी जब <रेंडरव्हेन /> में पास की गई शर्त का मूल्यांकन सही हो।

यहाँ GitHub पर इस छोटे रिएक्ट घटक को देखें ।

कंपोज़ेबल वेब एप्लिकेशन बनाएं

वेब मोनोलिथ का निर्माण न करें। अपने पसंदीदा फ्रेमवर्क जैसे React या Node . एक शक्तिशाली और सुखद विकास अनुभव के साथ स्केलेबल और मॉड्यूलर एप्लिकेशन बनाएं।

अपनी टीम को बिट क्लाउड पर एक साथ होस्ट करने और घटकों पर सहयोग करने के लिए लाएं , और एक टीम के रूप में विकास को गति दें, स्केल करें और मानकीकृत करें। डिज़ाइन सिस्टम या माइक्रो फ़्रंटएंड के साथ कंपोज़ेबल फ़्रंटएंड आज़माएँ , या सर्वरसाइड घटकों के साथ कंपोज़ेबल बैकएंड एक्सप्लोर करें ।

इसे आज़माएं →

और अधिक जानें