JSX-এ টারনারি অপারেটর

আপনি ইতিমধ্যেই জানেন, কোঁকড়া ধনুরেখার ভিতরে আপনি JavaScript কোড চালাতে পারেন। আসলে এই কোডটি যেকোনো ধরনের নয়, শুধুমাত্র সবচেয়ে সহজ হতে পারে।

বিশেষ করে, if শর্ত সেখানে প্রয়োগ করা যায় না। পরিবর্তে সংক্ষিপ্ত শর্তের বিকল্পগুলি ব্যবহার করা উচিত।

ধরুন একটি ধ্রুবকের মানের উপর নির্ভর করে show আমরা একটি বা অন্য পাঠ্য প্রদর্শন করব। এর জন্য আসুন টারনারি অপারেটর ব্যবহার করি:

function App() {
	const show = true;
	
	return <div>
		{show ? 'text1' : 'text2'}
	</div>;
}

আপনি শুধুমাত্র পাঠ্যের সাথেই নয়, ট্যাগের সাথেও কাজ করতে পারেন:

function App() {
	const show = true;
	
	return <div>
		{show ? <p>text1</p> : <p>text2</p>}
	</div>;
}

নিম্নলিখিত কোডটি দেওয়া হয়েছে:

function App() {
	const age = 19;
	
	return <div>
		
	</div>;
}

যদি age-এ 18 বছরের বেশি থাকে, তবে div ট্যাগের পাঠ্যে ব্যবহারকারীকে একটি প্যারাগ্রাফ একটি পাঠ্য সহ দেখান, এবং যদি কম হয় - তাহলে অন্য একটি পাঠ্য সহ।