Ternārais operators JSX
Kā jūs jau zināt, cirtainajās iekavās var izpildīt JavaScript kodu. Patiesībā šis kods var būt ne jebkāds, bet tikai visvienkāršākais.
Konkrēti, nosacījumu if tur izmantot
nevar. Tā vietā vajadzētu lietot saīsinātos
nosacījumu variantus.
Atkarībā no konstantes show vērtības
parādīsim vienu vai otru tekstu. Izmantosim
šim nolūkam ternāro operatoru:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Var strādāt ne tikai ar tekstiem, bet arī ar tagiem:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Dots šāds kods:
function App() {
const age = 19;
return <div>
</div>;
}
Ja age ir ierakstīts vairāk par 18 gadiem,
tad div tagā tekstā parādiet lietotājam
rindkopu ar vienu tekstu, bet ja mazāk - tad
ar citu.
