JSX में शर्तों का उपयोग

आइए ऐसा करें कि स्थिरांक show की सामग्री के आधार पर स्क्रीन पर या तो एक पाठ दिखाई दे, या दूसरा:

jsxfunction App() {
  let text;
  const show = true;
  
  if (show) {
    text = 'text1';
  } else {
    text = 'text2';
  }
  
  return <div>
    {text}
  </div>;
}

यह भी किया जा सकता है कि वेरिएबल में पाठ नहीं, बल्कि एक टैग संग्रहीत हो:

jsxfunction App() {
  let text;
  const show = true;
  
  if (show) {
    text = <p>text1</p>;
  } else {
    text = <p>text2</p>;
  }
  
  return <div>
    {text}
  </div>;
}