JSX හි කෙටි කොන්දේසි සඳහා ආපසු හැරවීම

ප්‍රතිලෝම තත්වයක් ද තිබිය හැකිය: කොන්දේසිය අසත්‍ය නම් පෙළ ඇතුළත් කිරීම සිදු කිරීමට සහ කිසිවක් නොකිරීමට අවශ්‍ය වේ, එය සත්‍ය නම්. මේ සඳහා අවශ්‍ය වන්නේ ! මෙහෙයුම භාවිතයෙන් නියතය ආපසු හැරවීම සිදු කිරීමයි.

පහත උදාහරණයේ, hide හි false අඩංගු නම්, පෙළ සහිත ඡේදය ඇතුළත් වේ:

function App() {
	const hide = false;
	
	return <div>
		{!hide && <p>text</p>}
	</div>;
}

පහත කේතය ලබා දී ඇත:

function App() {
	const isAuth = false;
	
	return <div>
		<p>කරුණාකර ප්‍රවිෂ්ට වන්න</p>
	</div>;
}

isAuth හි false ලියා ඇති විට පමණක් ඉහත පෙළ සහිත ඡේදය පෙන්වන පරිදි සකස් කරන්න.