Ternary operatorius JSX
Kaip jau žinote, riestiniuose skliaustuose galima vykdyti JavaScript kodą. Tiesą sakant, šis kodas gali būti ne bet koks, o tik pats paprasčiausias.
Konkrečiai, sąlygas if ten taikyti
negalima. Vietoj to reikėtų naudoti sutrumpintus
sąlygų variantus.
Priklausomai nuo konstantos reikšmės
show atvaizduokime vieną ar kitą tekstą. Panaudokime
tam ternary operatorių:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Galima dirbti ne tik su tekstais, bet ir su žymėmis:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Pateiktas toks kodas:
function App() {
const age = 19;
return <div>
</div>;
}
Jei age įrašyta daugiau nei 18 metų,
tada teksto žymėje div parodykite vartotojui
pastraipą su vienu tekstu, o jei mažiau - tai
su kitu.
