Operatori Ternar në JSX
Siç e dini tashmë, brenda kllapave kaçurrel mund të ekzekutoni kodin JavaScript. Në fakt ky kod mund të jetë jo çfarëdo, por vetëm më i thjeshti.
Në veçanti, kushtet if nuk mund të përdoren
atje. Në vend të kësaj, duhet të përdorni
variantet e shkurtuara të kushteve.
Në varësi të vlerës së konstantës
show le të shfaqim një tekst ose një tjetër. Le të përdorim
për këtë operatorin ternar:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Mund të punohet jo vetëm me tekste, por edhe me tagje:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Jepet kodi në vijim:
function App() {
const age = 19;
return <div>
</div>;
}
Nëse në age është shkruar më shumë se 18 vjet,
atëherë në tekstin e tagut div tregoni përdoruesit
një paragraf me një tekst, por nëse më pak - atëherë
me një tjetër.
