العرض الشرطي والقوائم

جزء من دورة React

تكاد كل شاشة استخدمتها في حياتك تعرض شيئًا بدل آخر حسب شرط ما: شريط "لديك رسائل جديدة" لا يظهر إلا حين توجد رسائل جديدة، ومؤشر تحميل دوّار لا يظهر إلا أثناء تحميل شيء. وتكاد كل شاشة تعرض أكثر من نسخة من الشيء الواحد: قائمة طلبات، أو شبكة منتجات، أو تدفق منشورات. وكتابة مكوّن يثبّت في كوده "العنصر الأول، العنصر الثاني، العنصر الثالث" تنجح إلى أن يظهر عنصر رابع.

تخيل حارسًا واقفًا أمام غرفة. قبل أن يسمح لأحد بالمرور يتحقق من شيء واحد بالضبط. فإن نجح التحقق دخل الشخص، وإن فشل لم يحدث شيء البتة، لا تفسير ولا بديل مؤقت، صمت وباب مغلق. هذه بالضبط وظيفة && (معامل "و" المنطقي) داخل تعبير JSX: حين تكتب condition && <SomeElement /> يرسم React العنصر <SomeElement /> فقط إن كان condition قيمة صادقة، ولا يرسم شيئًا إطلاقًا إن كان قيمة كاذبة.