შემოკლებული პირობების ინვერტირება JSX-ში

შეიძლება საპირისპირო სიტუაციაც: საჭიროა ტექსტის ჩასმა, თუ პირობა მცდარია, და არაფრის გაკეთება, თუ ის ჭეშმარიტია. ამისთვის საჭიროა კონსტანტის ინვერტირება ოპერატორის ! დახმარებით.

შემდეგ მაგალითში, თუ hide-ში იქნება false, ჩაისწორება აბზაცი ტექსტით:

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

მოცემულია შემდეგი კოდი:

function App() {
	const isAuth = false;
	
	return <div>
		<p>გთხოვთ, გაიაროთ ავტორიზაცია</p>
	</div>;
}

გახადეთ ისე, რომ მოცემული აბზაცი ტექსტით იყოს ხილული მხოლოდ მაშინ, თუ isAuth-ში ჩაწერილია false.