Ternêre Operateur in JSX
Soos jy reeds weet, kan JavaScript-kode binne krulhakies uitgevoer word. Eintlik kan hierdie kode nie enige iets wees nie, maar net die eenvoudigste.
Spesifiek, kan voorwaardes if nie daar gebruik
word nie. In plaas daarvan moet jy verkorte
weergawes van voorwaardes gebruik.
Kom ons wys een of ander teks afhangende van die waarde
van die konstante show. Laat ons die
ternêre operateur gebruik:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Jy kan nie net met teks werk nie, maar ook met etikette:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Gegewe die volgende kode:
function App() {
const age = 19;
return <div>
</div>;
}
As daar meer as 18 jaar in age geskryf is,
wys dan een teks in die div-etiket
vir die gebruiker, en as minder - wys dan
'n ander.
