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>;
}