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 लिखा हो।