React တွင် ချက်ဘောက်စ်များနှင့် အခြေအနေအလိုက် ရင်းဒါခေါ် ခြင်း

ချက်ဘောက်စ် အမှတ်အသားပြုခြင်းအပေါ် မူတည်၍ စကရင်ပေါ်တွင် ကုဒ်၏ တစ်စိတ်တစ်ပိုင်းကို ထုတ်ပြခြင်း၊ သို့မဟုတ် နောက်တစ်ခုကို ထုတ်ပြခြင်း ပြုလုပ်နိုင်ပါစေ။ ၎င်းအတွက် အခြေအနေအလိုက် ရင်းဒါခေါ်ခြင်းကို အသုံးပြုပါမည်။

function App() {
	const [checked, setChecked] = useState(true);
	
	let message;
	if (checked) {
		message = <p>မက်ဆေ့ချ် ၁</p>;
	} else {
		message = <p>မက်ဆေ့ချ် ၂</p>;
	}
	
	return <div>
		<input type="checkbox" checked={checked} onChange={() => setChecked(!checked)} />
		<div>{message}</div>
	</div>;
}

ချက်ဘောက်စ် တစ်ခု ပေးထားသည်။ ချက်ဘောက်စ်ကို အသုံးပြု၍ အသုံးပြုသူကို မေးပါ၊ သူ့အသက်သည် 18 နှစ် ရှိပြီလား။ အကယ်၍ ချက်ဘောက်စ် အမှတ်အသားပြုထားပါက၊ အသုံးပြုသူကို အောက်ပါ ကုဒ်ဘလောက်ကို ပြပါ။

<div>
	<h2>ဟူးရေး၊ သင့်အသက် ၁၈ နှစ် ရှိပြီ</h2>
	<p>
		ဤနေရာတွင် လူကြီးများအတွက်သာ ပါဝင်သော ကွန်တန့်ကို တည်နေရာချထားသည်
	</p>
</div>

အကယ်၍ ချက်ဘောက်စ် အမှတ်အသားမပြုပါက - အောက်ပါအတိုင်းဖြစ်ပါစေ။

<div>
	<p>
		ဝမ်းနည်းပါသည်၊ သင့်အသက်သည် ၁၈ နှစ် မပြည့်သေးပါ။
	</p>
</div>

ချက်ဘောက်စ်နှင့် စာပိုဒ် တစ်ခု ပေးထားသည်။ အကယ်၍ ချက်ဘောက်စ် အမှတ်အသားပြုပါက၊ စာပိုဒ်သည် စကရင်ပေါ်တွင် မြင်နိုင်ရမည်၊ အကယ်၍ �မှတ်အသား မပြုပါက - ၎င်းကို ဝှက်ထားပါ။