JSX-də qısaldılmış şərtlər üçün inversiya
Tərs vəziyyət də ola bilər: şərt yalan olduqda
mətni daxil etmək, doğru olduqda isə heç nə
etməmək lazımdır. Bunun üçün
! operatorundan istifadə edərək
sabiti inversiya etmək lazımdır.
Aşağıdakı nümunədə, əgər hide-də
false olarsa, onda mətnli abzas daxil olunacaq:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Aşağıdakı kod verilmişdir:
function App() {
const isAuth = false;
return <div>
<p>zəhmət olmasa, avtorizasiyadan keçin</p>
</div>;
}
Elə edin ki, göstərilən mətnli abzas
yalnız isAuth-də false yazıldıqda göstərilsin.
