ტერნარული ოპერატორი 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 ტექსტში მომხმარებელს აჩვენეთ აბზაცი ერთი ტექსტით, ხოლო თუ ნაკლები - მაშინ სხვა ტექსტით.