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:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Quyidagi kod berilgan:
function App() {
const isAuth = false;
return <div>
<p>iltimos, tizimga kiring</p>
</div>;
}
Berilgan matnli abzas faqat isAuth da
false yozilgan bo'lsagina ko'rinsin.
