Opereta ya Ternary katika JSX
Kama unavyojua tayari, ndani ya mabano ya curly unaweza kutekeleza msimbo wa JavaScript. Kwa kweli huu msimbo hauwezi kuwa wowote, lakini ni rahisi zaidi.
Hasa, masharti if hayawezi kutumika
hapo. Badala yake, unapaswa kutumia
lahaja zilizofupishwa za masharti.
Wacha kutegemea thamani ya konstanti
show tuonyeshe maandishi moja au mengine. Tutumie
kwa hili opereta ya ternary:
function App() {
const show = true;
return <div>
{show ? 'maandishi1' : 'maandishi2'}
</div>;
}
Inaweza kufanya kazi sio tu na maandishi, lakini pia na vitambulisho:
function App() {
const show = true;
return <div>
{show ? <p>maandishi1</p> : <p>maandishi2</p>}
</div>;
}
Kifuatacho ni msimbo:
function App() {
const age = 19;
return <div>
</div>;
}
Kama 18 imeandikwa kwenye age,
basi katika maandishi ya kitambulisho div onyesha mtumiaji
aya na maandishi moja, na kama ni chini - basi
na mengine.
