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:

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>zəhmət olmasa, avtorizasiyadan keçin</p>
  </div>;
}