JSX да тернар оператори

Сиз билганингиздек, кавич ичида JavaScript кодни ишга тушириш мумкин. Аслида бу код хохлаганча эмас, балки энг содда код бўлиши мумкин.

Хусусан, if шартларини у ерда қўллаш mумкин эмас. Унинг ўрнига қисқартирилган шартларнинг вариантларидан фойдаланиш керак.

Келгила, константанинг қийматига боғлиқ равишда 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 тегининг матнида фойдаланувчига бир матн билан абзацни кўрсатинг, агар кичик бўлса - бошқа матн билан кўрсатинг.