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:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Nem csak szövegekkel lehet dolgozni, hanem címkékkel is:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Adott a következő kód:
function App() {
const age = 19;
return <div>
</div>;
}
Ha az age értéke 18 évnél nagyobb,
akkor a div címke szövegében
mutasson a felhasználónak
egy bekezdést egy szöveggel, ha kisebb - akkor
mással.
