JSX ရှိ Ternary Operator

သင်သိပြီးသားအတိုင်း၊ ကြွက်သားကွင်းအတွင်း၌ JavaScript ကုဒ်ကို လုပ်ဆောင်နိုင်ပါသည်။ တကယ်တော့ ဤကုဒ်သည် မည်သည့်အရာမဆို မဟုတ်ဘဲ ရိုးရှင်းဆုံးသာ ဖြစ်နိုင်သည်။

အထူးသဖြင့်၊ အခြေအနေများ if ကို ဤနေရာတွင် အသုံးပြု၍မရပါ။ ၎င်းအစား အခြေအနေများ၏ အတိုကောက်ပုံစံများကို အသုံးပြုသင့်သည်။

စာသားအမျိုးအစား တစ်ခု သို့မဟုတ် အခြားတစ်ခုကို ထုတ်ပြရန် show constant ၏တန်ဖိုးပေါ် မူတည်၍။ ဤအတွက် ternary operator ကို အသုံးပြုကြပါစို့:

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 တဂ်၏စာသားထဲတွင် အသုံးပြုသူအား စာသားတစ်မျိုးပါသော ပါရာဂရပ်တစ်ခုပြပါ၊ နည်းပါက အခြားတစ်ခုနှင့် ပြပါ။