შემოკლებული პირობების ინვერტირება 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>;
}