Ternaarne operaator JSX-is
Nagu te juba teate, saab lokkis sulgudes käivitada JavaScripti koodi. Tegelikult see kood ei saa olla suvaline, vaid ainult kõige lihtsam.
Eelkõige ei saa seal kasutada tingimusi if.
Selle asemel tuleks kasutada lühendatud
tingimuste variante.
Olenevalt konstandi show väärtusest
kuvame ühe või teise teksti. Kasutame
selleks ternaarset operaatorit:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Saab töötada mitte ainult tekstidega, vaid ka siltidega:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Antud on järgmine kood:
function App() {
const age = 19;
return <div>
</div>;
}
Kui age-sse on salvestatud rohkem kui 18 aastat,
siis näidake kasutajale
div siltides
ühes tekstiga lõiku,
aga kui vähem - siis
teise tekstiga lõigu.
