Тернарен оператор во JSX

Како што веќе знаете, внатре во големите загради може да извршувате JavaScript код. Всушност овој код не може да биде кој било, туку само наједноставниот.

Конкретно, условите if не можат да се применат таму. Наместо тоа, треба да се користат скратени варијанти на услови.

Ајде во зависност од вредноста на константата show да прикажеме еден или друг текст. Ќе искористиме <а href="/mk/javascript/book/prime/conditions/ternary-operator/">тернарен оператор:

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

Може да се работи не само со текстови, туку и со тагови:

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

Даден е следниов код:

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

Ако во age е запишано повеќе од 18 години, тогаш во текстот на тагот div прикажете му на корисникот абзац со еден текст, а ако помалку - тогаш со друг.