सशर्त रेंडरिंग और सूचियाँ

React कोर्स का हिस्सा

आपने आज तक जितनी स्क्रीन देखी हैं, उनमें से लगभग हर एक किसी शर्त के हिसाब से एक चीज़ की जगह दूसरी दिखाती है: "आपके नए संदेश हैं" वाली पट्टी जो तभी आती है जब सचमुच नए संदेश हों, या घूमता हुआ चक्र जो सिर्फ़ तब तक दिखता है जब तक कुछ लोड हो रहा हो। और लगभग हर स्क्रीन किसी एक चीज़ के कई नमूने दिखाती है: ऑर्डर की सूची, प्रोडक्ट का ग्रिड, पोस्ट की फ़ीड। ऐसा कंपोनेंट जिसमें "पहला आइटम, दूसरा आइटम, तीसरा आइटम" जमाकर लिख दिया...

कल्पना कीजिए, एक कमरे के आगे दरबान खड़ा है। किसी को भीतर भेजने से पहले वह ठीक एक चीज़ जाँचता है। जाँच पास हो जाए तो व्यक्ति भीतर चला जाता है। न हो तो कुछ भी नहीं होता, न कोई सफ़ाई, न कोई जगह घेरता संदेश, बस चुप्पी और बंद दरवाज़ा। JSX एक्सप्रेशन के भीतर && (लॉजिकल AND) का काम ठीक यही है: आप condition && <SomeElement /> लिखते हैं, तो React <SomeElement /> को तभी रेंडर करता है जब condition truthy हो, और falsy होने पर...