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 тегинин текстинде колдонуучуга бир текст менен абзацты көрсөтүңүз, ал эми аз болсо - башка текст менен.