JSX-də üçlü operator

Artıq bildiyiniz kimi, qıvrım mötərizələr içərisində JavaScript kodunu icra edə bilərsiniz. Əslində bu kod hər hansı bir deyil, yalnız ən sadə ola bilər.

Xüsusilə, if şərtləri orada tətbiq etmək mümkün deyil. Əvəzində qısa şərt variantlarından istifadə etmək tövsiyə olunur.

Gəlin show sabitinin dəyərindən asılı olaraq bir və ya digər mətni çıxaraq. Bunun üçün üçlü operator istifadə edək:

function App() {
	const show = true;
	
	return <div>
		{show ? 'text1' : 'text2'}
	</div>;
}

Təkcə mətnlərlə deyil, həm də teqlərlə işləmək olar:

function App() {
	const show = true;
	
	return <div>
		{show ? <p>text1</p> : <p>text2</p>}
	</div>;
}

Aşağıdakı kod verilmişdir:

function App() {
	const age = 19;
	
	return <div>
		
	</div>;
}

Əgər age-də 18-dən çox dəyər qeyd olunubsa, onda div teqinin mətnində istifadəçiyə bir mətnlə abzas göstərin, əgər azdırsa - onda başqa bir mətnlə göstərin.