JSX-da üçlü operator
Bildigiňiz ýaly, egri äýjük içinde JavaScript kody ýerine ýetirip bolýar. Aslynda bu kod islendik däl, diňe iň ýönekeý bolup biler.
Esasanam, if şertlerini ol ýerde
ulanyp bolmaýar. Ýerine gizlin şertleriň
wariantlaryny ulanmaly.
Geliň, show konstantasynyň bahasyna baglylykda
bir ýa-da beýleki tekst görkezeliň. Bunuň üçin üçlü operator-y ulanyň:
function App() {
const show = true;
return <div>
{show ? 'tekst1' : 'tekst2'}
</div>;
}
Diňe tekstler bilen däl, eýsem tegler bilen hem işläp bolýar:
function App() {
const show = true;
return <div>
{show ? <p>tekst1</p> : <p>tekst2</p>}
</div>;
}
Aşakdaky kod berlen:
function App() {
const age = 19;
return <div>
</div>;
}
Eger age-da 18 ýaşdan köp bolsa,
onda div teginiň tekstinde ulanyja
bir tekstli abzas görkeziň,
az bolsa-da - beýleki bilen.
