Оператори тернарии дар 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 ба корбар абзацро бо як матн нишон диҳед, ва агар камтар бошад - он гоҳ бо дигараш.