JSX-da üçlü operator

Bildigiňiz ýaly, egri äýjük içinde JavaScript kody ýerine ýetirip bolýar. Aslynda bu kod islendik däl, diňe iň ýönekeý bolup biler.

Esasanam, if şertlerini ol ýerde ulanyp bolmaýar. Ýerine gizlin şertleriň wariantlaryny ulanmaly.

Geliň, show konstantasynyň bahasyna baglylykda bir ýa-da beýleki tekst görkezeliň. Bunuň üçin üçlü operator-y ulanyň:

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

Diňe tekstler bilen däl, eýsem tegler bilen hem işläp bolýar:

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

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