JSX တွင် အတိုကောက်အခြေအနေများအတွက် ပြောင်းပြန်လှန်ခြင်း

ပြောင်းပြန်အခြေအနေလည်း ဖြစ်နိုင်သည်- အခြေအနေမှန်ပါက ဘာမှမလုပ်ဘဲ၊ အခြေအနေမှားပါက စာသားထည့်သွင်းရန် လိုအပ်သည်။ ၎င်းအတွက် ! အော်ပရေတာကို အသုံးပြု၍ ကွန်စတင့်ကို ပြောင်းပြန်လှန်ရန် လိုအပ်သည်။

အောက်ပါဥပမာတွင် hide ထဲတွင် false ရှိပါက စာသားပါသော အနှစ်ချုပ်ကို ထည့်သွင်းမည်-

function App() {
	const hide = false;
	
	return <div>
		{!hide && <p>text</p>}
	</div>;
}

အောက်ပါကုဒ်ကို ပေးထားသည်-

function App() {
	const isAuth = false;
	
	return <div>
		<p>ကျေးဇူးပြု၍ အတည်ပြုခြင်း (log in) ပြုလုပ်ပါ</p>
	</div>;
}

isAuth ထဲတွင် false သာရေးထားပါက ဖော်ပြပါစာသားပါသော အနှစ်ချုပ်ကိုသာ ပြသရန် ပြုလုပ်ပါ။