Ternārais operators JSX

Kā jūs jau zināt, cirtainajās iekavās var izpildīt JavaScript kodu. Patiesībā šis kods var būt ne jebkāds, bet tikai visvienkāršākais.

Konkrēti, nosacījumu if tur izmantot nevar. Tā vietā vajadzētu lietot saīsinātos nosacījumu variantus.

Atkarībā no konstantes show vērtības parādīsim vienu vai otru tekstu. Izmantosim šim nolūkam ternāro operatoru:

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

Var strādāt ne tikai ar tekstiem, bet arī ar tagiem:

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

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