Тернарни оператор у JSX-у

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

Конкретно, услове if тамо није могуће применити. Уместо тога треба користити скраћене варијанте услова.

Хајде да у зависности од вредности константе show прикажемо један или други текст. Користимо за то тернарни оператор:

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 прикажите кориснику пасус са једним текстом, а ако мање - онда са другим.