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 লেখা থাকে।