Տեռնար օպերատորը 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 տեգի տեքստում ցույց տվեք օգտատիրոջը մեկ տեքստով պարագրաֆ, իսկ եթե պակաս՝ ապա մեկ այլով։