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

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

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

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

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