JSX-ում կարճ պայմանների հակադարձում

Կարող է լինել նաև հակառակ իրավիճակը. անհրաժեշտ է տեքստի տեղադրում կատարել, եթե պայմանը կեղծ է, և ոչինչ չանել, եթե ճշմարիտ է: Դրա համար անհրաժեշտ է կատարել հաստատունի հակադարձում օգտագործելով ! օպերատորը։

Հաջորդ օրինակում, եթե hide-ում լինի false, ապա կտեղադրվի տեքստով պարբերություն.

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

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>խնդրում ենք, մուտք գործեք</p>
  </div>;
}