رندر شرطی و لیست‌ها

بخشی از دوره ری‌اکت

تقریباً هر صفحه‌ای که تا حالا به کار برده‌اید، بسته به شرطی چیزی را به‌جای چیز دیگر نشان می‌دهد: بنر «پیام تازه دارید» که فقط وقتی پیام تازه‌ای هست پیدا می‌شود، چرخانی که فقط حین بار شدن چیزی دیده می‌شود. و تقریباً هر صفحه‌ای بیش از یکی از چیزی را نشان می‌دهد: فهرستی از سفارش‌ها، شبکه‌ای از کالاها، خوراکی از نوشته‌ها.

دربانی را تصور کنید که جلوی اتاقی ایستاده. پیش از راه دادن هر کسی، دقیقاً یک چیز را وارسی می‌کند. اگر وارسی قبول شد، آن آدم وارد می‌شود. اگر رد شد، اصلاً هیچ اتفاقی نمی‌افتد، نه توضیحی، نه جانشینی، فقط سکوت و دری بسته. کار عملگر && (و منطقی) داخل یک عبارت JSX دقیقاً همین است: وقتی می‌نویسید condition && <SomeElement />، ری‌اکت عنصر <SomeElement /> را فقط در صورتی رندر می‌کند که condition راست‌نما (truthy) باشد، و...