Ternarni operator u JSX-u
Kao što već znate, unutar vitičastih zagrada možete izvršavati JavaScript kod. Zapravo, ovaj kod ne može biti bilo koji, već samo najjednostavniji.
Posebno, uslov if tamo se ne može
primeniti. Umesto toga treba koristiti skraćene
varijante uslova.
Hajde da u zavisnosti od vrednosti konstante
show prikažemo jedan ili drugi tekst. Koristimo
za ovo ternarni operator:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Možete raditi ne samo sa tekstovima, već i sa tagovima:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Dat je sledeći kod:
function App() {
const age = 19;
return <div>
</div>;
}
Ako je u age upisano više od 18 godina,
onda u tekstu taga div pokažite korisniku
paragraf sa jednim tekstom, a ako je manje - onda
sa drugim.
