JSX-এ টারনারি অপারেটর

আপনি ইতিমধ্যেই জানেন, কোঁকড়া ধনুরেখার ভিতরে আপনি JavaScript কোড চালাতে পারেন। আসলে এই কোডটি যেকোনো ধরনের নয়, শুধুমাত্র সবচেয়ে সহজ হতে পারে।

বিশেষ করে, if শর্ত সেখানে প্রয়োগ করা যায় না। পরিবর্তে সংক্ষিপ্ত শর্তের বিকল্পগুলি ব্যবহার করা উচিত।

ধরুন একটি ধ্রুবকের মানের উপর নির্ভর করে show আমরা একটি বা অন্য পাঠ্য প্রদর্শন করব। এর জন্য আসুন টারনারি অপারেটর ব্যবহার করি:

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