A ternáris operátor a JSX-ben

Ahogy már tudod, a kapcsos zárójelek belsejében JavaScript kódot lehet végrehajtani. Valójában ez a kód nem lehet bármilyen, csak a legegyszerűbb.

Különösen a if feltételeket nem lehet ott alkalmazni. Ehelyett a feltételek rövidített változatait kell használni.

Attól függően, hogy a show konstans értéke milyen, jelenítsünk meg egy vagy másik szöveget. Használjunk ehhez a ternáris operátort:

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

Nem csak szövegekkel lehet dolgozni, hanem címkékkel is:

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

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