Ternary operatorius JSX

Kaip jau žinote, riestiniuose skliaustuose galima vykdyti JavaScript kodą. Tiesą sakant, šis kodas gali būti ne bet koks, o tik pats paprasčiausias.

Konkrečiai, sąlygas if ten taikyti negalima. Vietoj to reikėtų naudoti sutrumpintus sąlygų variantus.

Priklausomai nuo konstantos reikšmės show atvaizduokime vieną ar kitą tekstą. Panaudokime tam ternary operatorių:

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

Galima dirbti ne tik su tekstais, bet ir su žymėmis:

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

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