JSX da && operatoridan foydalanish
Bizga shart rost bo‘lganda matn kiritish,
aks holda hech narsa qilmaslik kerak bo‘lishi mumkin.
Buning uchun && operatoridan foydalaniladi.
Keling, uning ishlashini misolda ko‘rib chiqaylik.
Quyidagi kodda, agar show o‘zgaruvchisi
true bo‘lsa, matnli abzas qo‘shiladi,
agar false bo‘lsa, hech narsa qo‘shilmaydi:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Quyidagi kod berilgan:
function App() {
const isAuth = true;
return <div>
<p>siz avtorizatsiyadan o‘tgansiz</p>
</div>;
}
Berilgan matnli abzas faqat isAuth o‘zgaruvchisi
true bo‘lganda ko‘rinsin.