JSX में && ऑपरेटर का उपयोग

हमें किसी टेक्स्ट को डालने की आवश्यकता हो सकती है, यदि शर्त सत्य है, और कुछ नहीं करना है, यदि गलत है। यह ऑपरेटर के द्वारा किया जाता है &&.

आइए एक उदाहरण पर इसके काम को देखें। निम्नलिखित कोड में, यदि show में true होगा, तो टेक्स्ट वाला एक पैराग्राफ डालेगा, और यदि false होगा, तो कुछ भी नहीं डालेगा:

function App() {
	const show = true;
	
	return <div>
		{show && <p>text</p>}
	</div>;
}

निम्नलिखित कोड दिया गया है:

function App() {
	const isAuth = true;
	
	return <div>
		<p>आप लॉग इन हैं</p>
	</div>;
}

इसे ऐसा बनाएं कि दिया गया पैराग्राफ टेक्स्ट के साथ केवल तभी दिखाई दे जब isAuth में true लिखा हो।