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:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>siz avtorizatsiyadan o‘tgansiz</p>
  </div>;
}