JSX da ternar operator

Siz allaqachon bilasizki, jingalak qavs ichida JavaScript kodini bajarish mumkin. Aslida bu kod har qanday emas, balki eng oddiy kod bo‘lishi mumkin.

Xususan, if shartlarini u yerda qo‘llab bo‘lmaydi. Buning o‘rniga qisqartirilgan shartlardan foydalanish kerak.

Keling, show konstantasining qiymatiga qarab bitta yoki boshqa matnni chiqaramiz. Buning uchun ternar operatoridan foydalanamiz:

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

Faqat matnlar bilan emas, balki teglar bilan ham ishlash mumkin:

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

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