ოპერატორ &&-ის გამოყენება JSX-ში

ჩვენ შეიძლება დაგვჭირდეს ტექსტის ჩასმა, თუ პირობა სიმართლეა, და არაფრის გაკეთება, თუ მცდარია. ეს კეთდება ოპერატორის && დახმარებით.

მოდით ვნახოთ მისი მუშაობა მაგალითზე. შემდეგ კოდში, თუ show-ში იქნება true, მაშინ ჩაისვამს აბზაცს ტექსტით, ხოლო თუ იქნება false, მაშინ არაფერს ჩაისვამს:

function App() {
	const show = true;
	
	return <div>
		{show && <p>text</p>}
	</div>;
}

მოცემულია შემდეგი კოდი:

function App() {
	const isAuth = true;
	
	return <div>
		<p>თქვენ ავტორიზებული ხართ</p>
	</div>;
}

გახადეთ ისე, რომ მოცემული აბზაცი ტექსტით გამოჩნდეს მხოლოდ იმ შემთხვევაში, თუ isAuth-ში ჩაწერილია true.