JSX da qisqartirilgan shartlar uchun inversiya

Teskari holat ham bo'lishi mumkin: agar shart yolg'on bo'lsa, matnni kiritish kerak, agar rost bo'lsa, hech narsa qilish shart emas. Buning uchun ! operatori yordamida konstantani inversiya qilish kerak.

Quyidagi misolda, agar hide da false bo'lsa, matnli abzas qo'shiladi:

jsxfunction App() {
  const hide = false;
  
  return <div>
    {!hide && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>iltimos, tizimga kiring</p>
  </div>;
}