JSX ရှိ Ternary Operator

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

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

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

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

စာသားများနှင့်သာမက တဂ်များနှင့်လည်း အလုပ်လုပ်နိုင်ပါသည်:

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

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