JSX da ternar operator
Siz allaqachon bilasizki, jingalak qavs ichida JavaScript kodini bajarish mumkin. Aslida bu kod har qanday emas, balki eng oddiy kod bo‘lishi mumkin.
Xususan, if shartlarini u yerda qo‘llab
bo‘lmaydi. Buning o‘rniga qisqartirilgan
shartlardan foydalanish kerak.
Keling, show konstantasining qiymatiga qarab
bitta yoki boshqa matnni chiqaramiz. Buning uchun ternar operatoridan foydalanamiz:
function App() {
const show = true;
return <div>
{show ? 'text1' : 'text2'}
</div>;
}
Faqat matnlar bilan emas, balki teglar bilan ham ishlash mumkin:
function App() {
const show = true;
return <div>
{show ? <p>text1</p> : <p>text2</p>}
</div>;
}
Quyidagi kod berilgan:
function App() {
const age = 19;
return <div>
</div>;
}
Agar age da 18 dan katta son
yozilgan bo‘lsa, div tegi ichidagi matnda foydalanuvchiga
bir matnli abzasni ko‘rsating,
agar kichik bo‘lsa - boshqasini.
