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։