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 тегінің мәтінінде пайдаланушыға бір мәтіні бар абзац көрсетіңіз, ал егер кіші болса - басқа мәтіні бар абзац көрсетіңіз.